你能嵌套html表单吗?

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

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

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

当前回答

(参见thecode . .代码格式如下]2 .简单的技巧简单地不要在另一个表单标签里面使用其他的元素，请使用相同的元素而不使用表单标签。

参见下面的例子 ""不使用另一种形式//只是召回输入图像描述元素在这里""

其他回答

即使您可以让它在一个浏览器中工作，也不能保证它在所有浏览器中都能正常工作。所以虽然你可能能让它在某些时候工作，但你肯定不能让它在所有时候都工作。

正如克雷格所说，不。

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

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

注意，不允许嵌套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规范中指定的:)

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

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

推荐文章