我有一个带有一组输入的表单,我希望我的页面在其中一个更改时刷新。我在页面的OTHER侧有第二组输入,而css布局并不方便我将它们放在相同的<form>
</form>
标签中。我想知道是否有一种方法可以确保位于<form>
标签之外的那些“输入”仍然与该表格相关联。我们可以通过某种方式为输入分配“表单ID”吗?
任何帮助将非常感激。
谢谢!
在HTML5中,您可以使用form
attribute:
默认情况下,与表单相关的元素与其祖先表单元素相关联,但可以指定表单属性来覆盖它。
如果表单关联元素具有指定的表单属性,则该属性的值必须是元素所有者Document中表单元素的ID。
例:
<form id="myform">
<input id="something" type="text">
</form>
<button form="myform" type="submit">Submit that form over there</button>
但是,您应该确保用户清楚这些视觉上分离的表单元素实际上已连接。
<input type="text" form="myform" />
为我工作。
更新 这对FireFox很有用,但是在IE 11中给我带来了麻烦,因为IE不能识别表单属性(截至编写本文时)。
我不得不在表单内部设置一个隐藏的输入字段,并将值从输入外部表单传输到隐藏的输入字段;用onclick使用jQuery。