你能嵌套html表单吗?

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

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

两种形式都适用吗?我的朋友有这个问题，subForm的一部分工作，而另一部分不工作。

当前回答

一个简单的解决方法是使用iframe来保存“嵌套”表单。从视觉上看，表单是嵌套的，但在代码方面，它在一个单独的html文件中。

其他回答

总之，没有。一个页面中可以有多个表单，但它们不应该嵌套。

来自html5工作草案:

4.10.3 form元素内容模型: 流内容，但没有表单元素后代。

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

在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>

你也可以在按钮标签内使用formaction=""。

<button type="submit" formaction="/rmDog" method='post' id="rmDog">-</button>

这将作为一个单独的按钮嵌套在原始表单中。

正如克雷格所说，不。

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

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

一个简单的解决方法是使用iframe来保存“嵌套”表单。从视觉上看，表单是嵌套的，但在代码方面，它在一个单独的html文件中。

推荐文章