html输入字段OUTSIDE的形式

Question

我有一个带有一组输入的表单,我希望我的页面在其中一个更改时刷新.我在页面的OTHER侧有第二组输入,而css布局不方便我将它们放在同一个<form> </form>标签中.我想知道是否有一种方法可以确保位于<form>标签之外的那些"输入" 仍然与该表格相关联.我们可以通过某种方式为输入分配"表单ID"吗？

任何帮助将非常感激.

谢谢!

Answer 1

在HTML5中,您可以使用以下form属性:

默认情况下,与表单相关的元素与其祖先表单元素相关联,但可以指定表单属性来覆盖它.

如果表单关联元素具有指定的表单属性,则该属性的值必须是元素所有者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.