不, 看到w3c

答:它不是有效的HTML或XHTML

在官方W3C XHTML规范的B节中。“元素禁令”规定:

"表单不能包含其他表单元素。"

http://www.w3.org/TR/xhtml1/#prohibitions

对于旧的HTML 3.2规范， 关于FORMS元素的部分声明:

"每一份表格都必须用 表单元素。可以有几个 表单放在单个文档中，但是 FORM元素不能嵌套。

B.解决方案

有一些使用JavaScript而不需要嵌套表单标记的变通方法。

“如何创建嵌套表单。”(尽管title不是嵌套的表单标签，而是JavaScript的解决方案)。

这是StackOverflow问题的答案

注意:尽管可以通过脚本操纵DOM来欺骗W3C验证器来传递页面，但它仍然不是合法的HTML。使用这种方法的问题是，现在无法保证跨浏览器的代码行为。(因为不是标准)

作为解决方案，你可以在提交按钮上使用formaction属性。输入时用不同的名字。

<form action="a">
<input.../>
    <!-- Form 2 inputs -->
    <input.../>
    <input.../>
    <input.../>
    <input type="submit" formaction="b">

</form>
<input.../>

您正在尝试实现HTML中不支持的嵌套表单。

每个表单都必须包含在form元素中。有可能 在一个文档中包含多个表单，但是FORM元素不能 嵌套。

解决方案

您可以通过对HTML和JavaScript进行一些更改来实现此功能。(不使用HTML表单)

步骤 1. 用div标签创建两个表单，如下所示(不使用表单标签)

<div id="form_a">
 <input.../>
     <div id="form_b">
        <input.../>
        <input.../>
        <button id="submit_b">Submit B</button>
     </div>
 <input.../>
 <button id="submit_a">Submit A</button>
</div >

2. 添加JQuery和Ajax来提交每个表单数据

    <script>
    // Submit form A data
    $('#submit_a').click( function() {
          $.ajax({
            url: 'ajax-url',
            type: 'post',
            dataType: 'json',
            data: $('#form_a input').not( "#form_b input" ).serialize(),
            success: function(data) {
                       // ... do something with the data...
                     }
        });
        });

   // Submit form B data
    $('#submit_b').click( function() {
          $.ajax({
            url: 'ajax-url',
            type: 'post',
            dataType: 'json',
            data: $('#form_b input').serialize(),
            success: function(data) {
                       // ... do something with the data...
                     }
        });
        });
    </script>

通过将HTML代码输入W3 Validator，您可以非常容易地回答自己的问题。(它有一个文本输入域，你甚至不需要把你的代码放在服务器上…)

(不，它不会生效。)

如果你需要你的表单向1:M关系数据库提交/提交数据，我建议在表a上创建一个“插入后”DB触发器，它将为表B插入必要的数据。