Question

我有一个带有一组输入的表单，我希望我的页面在其中一个更改时刷新。我在页面的另一侧有第二组输入，而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中给我带来了麻烦，因为IE不能识别表单属性（截至编写本文时）。

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

html输入字段OUTSIDE的形式

2 个答案: