form表单嵌套、跨表单提交的问题

原创于 2019-02-14 11:39:43 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

13 篇文章

订阅专栏

本文探讨了HTML中表单嵌套与数据跨表单提交的解决方案，详细介绍了如何使用<input>标签的form属性来指定数据所属的表单，从而实现跨表单提交数据的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有时候有表单嵌套、数据跨表单提交的需求。
但是<form>标签是不允许嵌套的。
要实现跨表单提交要使用form属性。

<form id="form1">
	<input form="form1" name="name" value="Eric"/>
	<input form="form1" name="age" value="18"/>
	<input form="form2" name="name" value="Benny"/>
	<input form="form2" name="age" value="22"/>
</form>
<form id="form2">
</form>

<input>标签使用了form的属性，声明了数据的所属表单。
提交表单需要form2的数据，$('#form2').serialize()即可。