html输入字段外部形式

Question

我有一组输入的表单，我希望在其中一个输入发生更改时刷新页面。我在页面的OTHER侧有第二组输入，并且CSS布局不便于我将它们放在同一个<form></form>标记中。我想知道是否有方法可以确保位于<form>标记之外的那些“输入”仍与该表单相关联。有什么方法可以将“表单ID”分配给输入？

任何帮助将不胜感激。

谢谢！

Answer 1

在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> 

然而，你应该确保它是清楚的是，这些视觉上是分开的表单元素其实都是连接用户。

Answer 2

<input type="text" form="myform" />为我工作。

更新
这与Firefox的工作很好，但是给我的麻烦，在IE 11的form属性不与IE认可（写这篇文章）。

我不得不在表单内设置一个隐藏的输入字段，并将输入的值从输入外部表单转移到隐藏的输入字段;使用jQuery进行onclick。