你能嵌套html表单吗?

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

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

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

当前回答

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

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

2015-06-22 08:16:10

其他回答

第二个表单将被忽略，参见WebKit的代码片段:

bool HTMLParser::formCreateErrorCheck(Token* t, RefPtr<Node>& result)
{
    // Only create a new form if we're not already inside one.
    // This is consistent with other browsers' behavior.
    if (!m_currentFormElement) {
        m_currentFormElement = new HTMLFormElement(formTag, m_document);
        result = m_currentFormElement;
        pCloserCreateErrorCheck(t, result);
    }
    return false;
}

2012-02-15 13:57:19

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

2013-09-30 06:43:37

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

来自html5工作草案:

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

2008-12-18 22:57:50

正如克雷格所说，不。

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

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

2008-12-18 23:01:58

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