你能嵌套html表格吗？

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

这两种形式都有效吗？我的朋友遇到了这个问题,这是subForm作品的一部分,而另一部分却没有.

总之,没有.您可以在页面中包含多个表单,但不应嵌套它们.

从html5工作草案:

4.10.3 form要素

内容模型:

流内容,但没有表单元素后代.

第二个表单将被忽略,例如,请参阅WebKit 的代码段:

bool HTMLParser::formCreateErrorCheck(Token* t, RefPtr& 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;
}

我遇到了类似的问题,我知道这不是问题的答案,但它可以帮助有这种问题的人:
如果需要将两个或更多形式的元素放在给定的序列中,HTML5 form属性可以是解决方案.

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

表单属性是HTML5中的新增功能.

指定元素属于哪个

元素.此属性的值必须是同一文档中元素的id属性.

场景:

input_Form1_n1

input_Form2_n1

input_Form1_n2

input_Form2_n2

实施:

在这里,您将找到浏览器的兼容性.

普通的HTML不允许你这样做.但是使用javascript你可以做到这一点.如果您使用的是javascript/jquery,则可以使用类对表单元素进行分类,然后使用serialize()仅序列化要提交的项目子集的表单元素.

然后在你的javascript中你可以这样做来序列化class1元素

$(".class1").serialize();

对于class2,你可以做到

$(".class2").serialize();

对于整个表格

$("#formid").serialize();

或者干脆

$("#formid").submit();

如果您正在使用AngularJS,那么您在运行时中的所有

所有现代浏览器都支持form属性。IE虽然不支持此功能，但是IE不再是浏览器，而是一种兼容性工具，这已得到Microsoft本身的确认：https : //www.zdnet.com/article/microsoft-security-chief-ie-is-not-a浏览器因此停止使用它作为您的默认值/。现在该是我们停止关心使IE工作正常的时候了。

https://caniuse.com/#feat=form-attribute
https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#attr-fae-form

从html规范：

此功能使作者可以解决缺少对嵌套表单元素的支持的问题。

正如克雷格所说,没有.

但是,关于你对以下原因的评论:

使用

如果你打印发布的数据(我将在这里使用PHP),你会得到一个这样的数组:

//print_r($_POST) will output :
    array(
    'a_name' => 'a_name_value',
    'a_second_name' => 'a_second_name_value',
    'subform' => array(
      'another_name' => 'a_name_value',
      'another_second_name' => 'another_second_name_value',
      ),
    );

然后你可以做一些像:

$my_sub_form_data = $_POST['subform'];
unset($_POST['subform']);

你的$ _POST现在只有你的"主表单"数据,你的子表单数据存储在你可以随意操作的另一个变量中.

希望这可以帮助!

请注意,您不能嵌套FORM元素!

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

https://www.w3.org/TR/html4/appendix/changes.html#hA.3.9(html4规范说明嵌套表格从3.2到4没有变化)

https://www.w3.org/TR/html4/appendix/changes.html#hA.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规范中指定的:)