表单外部的HTML输入字段

evrscar2  于 2023-01-11  发布在  其他
关注(0)|答案(3)|浏览(100)

我有一个带有一组输入的表单,我希望当其中一个输入发生变化时页面刷新。我在页面的另一侧有第二组输入,而且css布局不方便我把它们放在同一个<form></form>标签中。我想知道是否有一种方法可以确保这些“输入”位于<form>标签之外的所有表单仍然与该表单相关联。
有没有什么方法可以为输入分配一个“表单ID”?

a11xaf1n

a11xaf1n1#

在HTML5中,您可以使用form属性:
默认情况下,表单关联元素与其祖先表单元素关联,但可以指定一个表单属性来覆盖此属性。
如果表单关联元素指定了表单属性,则该属性的值必须是元素所有者Document中表单元素的ID。
示例:

<form id="myform">
    <input id="something" type="text">
</form>

<button form="myform" type="submit">Submit that form over there</button>

但是,您应该确保用户清楚地知道这些视觉上分离的表单元素实际上是连接在一起的。

h43kikqp

h43kikqp2#

<input type="text" form="myform" />对我很有效。

  • 最新情况 *

这在FireFox中非常有效,但是在IE 11中给我带来了麻烦,因为IE无法识别表单属性(在编写本文时)。
我只需要在表单内部设置一个隐藏的输入字段,并将值从表单外部的输入转移到隐藏的输入字段;使用jQuery的onclick。

snvhrwxg

snvhrwxg3#

你的问题会解决的兄弟
1.在表单中添加隐藏输入字段。
1.使用jquery或js将隐藏的输入字段值更改为外部输入框。
1.你的页面将刷新,你的外箱值将你抓住。

相关问题