你可以嵌套 html 表单吗？

Question

是否可以像这样嵌套html表单

<form name="mainForm">
  <form name="subForm">
  </form>
</form>

这样两种形式都有效吗？我的朋友对此有疑问， subForm 的一部分有效，而另一部分无效。

原文由 Levi 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

一句话，没有。您可以在一个页面中有多个表单，但它们不应嵌套。

来自 html5 工作草案：

4.10.3 form 元素

内容模型：

流内容，但没有表单元素后代。

原文由 Craig 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

HTML5 <input> form 属性可以是解决方案。

来自 http://www.w3schools.com/tags/att_input_form.asp ：

1. form 属性 是 HTML5 中的新属性。
2. 指定 <form> 元素和 <input> 元素属于哪个。此属性的值必须是同一文档中的 <form> 元素的 id 属性。

场景：

• input_Form1_n1
• input_Form2_n1
• input_Form1_n2
• input_Form2_n2

实施：

 <form id="Form1" action="Action1.php" method="post"></form>
<form id="Form2" action="Action2.php" method="post"></form>

<input type="text" name="input_Form1_n1" form="Form1" />
<input type="text" name="input_Form2_n1" form="Form2" />
<input type="text" name="input_Form1_n2" form="Form1" />
<input type="text" name="input_Form2_n2" form="Form2" />

<input type="submit" name="button1" value="buttonVal1" form="Form1" />
<input type="submit" name="button2" value="buttonVal2" form="Form2" />

在这里 您会发现浏览器的兼容性。

原文由 Cliff Burton 发布，翻译遵循 CC BY-SA 4.0 许可协议