在嵌套表单之前使用空表单标签

在Firefox, Chrome上测试和工作

未测试I.E.

<form name="mainForm" action="mainAction">
  <form></form>
  <form name="subForm"  action="subAction">
  </form>
</form>

EDIT by @adusza:正如评论者指出的那样，上面的代码不会产生嵌套表单。然而，如果你像下面这样添加div元素，你将在mainForm中有subForm，并且第一个空白表单将被删除。

<form name="mainForm" action="mainAction">
  <div>
      <form></form>
      <form name="subForm"  action="subAction">
      </form>
  </div>
</form>

正如克雷格所说，不。

但是，关于你所说的原因:

使用1 <form>的输入和“Update”按钮，并在另一个<form>的“Submit Order”按钮中使用复制隐藏输入可能会更容易。

在我知道我不应该这样做之前，我已经为拥有多个提交按钮而嵌套了表单。这样运行了18个月，数千个注册交易，没有人打电话给我们任何困难。

嵌套表单为我提供了一个ID来解析要采取的正确操作。直到我试图将一个字段附加到其中一个按钮和验证抱怨，才打破。不是一个大问题来解决它-我使用了一个显式的stringify在外部的形式，所以它没有关系提交和形式不匹配。是的，是的，应该把按钮从submit变成onclick。

关键是在某些情况下，它并没有完全被破坏。但“没有完全崩溃”可能是一个太低的标准:-)

注意，不允许嵌套FORM元素!

http://www.w3.org/MarkUp/html3/forms.html

https://www.w3.org/TR/html4/appendix/changes.html#h-A.3.9 (html4规范指出从3.2到4的嵌套表单没有变化)

https://www.w3.org/TR/html4/appendix/changes.html#h-A.1.1.12 (html4规范指出，从4.0到4.1，嵌套表单没有变化)

https://www.w3.org/TR/html5-diff/ (html5规范指出从4到5的嵌套表单没有变化)

https://www.w3.org/TR/html5/forms.html#association-of-controls-and-forms评论到“此功能允许作者在缺乏对嵌套表单元素的支持的情况下工作”，但没有引用这是在哪里指定的，我认为他们是在假设我们应该假设它是在html3规范中指定的:)

不，你不能有嵌套的表单。相反，您可以打开一个包含表单的Modal并执行Ajax表单提交。

虽然我没有给出嵌套表单的解决方案(它不可靠地工作)，但我确实提出了一个适合我的解决方案:

使用场景:允许一次更改N个项的超表单。它底部有一个“提交全部”按钮。每个项目都有自己的嵌套表单，带有“提交项目# N”按钮。但是不能…

在这种情况下，实际上可以使用单个表单，然后将按钮的名称设为submit_1..submit_N和submitAll并在服务器端处理它，如果按钮的名称是submit_1，则只查看以_1结尾的参数。

<form>
    <div id="item1">
        <input type="text" name="foo_1" value="23">
        <input type="submit" name="submit_1" value="Submit Item #1">
    </div>
    <div id="item2">
        <input type="text" name="foo_2" value="33">
        <input type="submit" name="submit_2" value="Submit Item #2">
    </div>
    <input type="submit" name="submitAll" value="Submit All Items">
</form>

好吧，这算不上什么发明，但确实管用。