浏览器无法正确解析表单

Question

我有一个相当复杂的结构。两个<form> 标签是同一个标签的子标签。它们完全一样，只是它们的 id 不同。

我的代码如下所示：

... complex structure ...
<form>
<div id="container_tag1">
   ... stuff ...
   <div>
   ... stuff ....
       <form id="form1">
            ....
       </form>
   ... stuff ...
   </div>
</div>
... stuff ...
<div id="container_tag2">
   ... stuff ...
   <div>
   ... stuff ....
       <form id="form2">
            ....
       </form>
   ... stuff ...
   </div>
</div>
</form>
... complex structure ...

结构复杂，但如上所示，两种形式处于同一层次。它们的内部内容也完全一样，只是 Firefox 和 Google Chrome 都呈现不正确。

其中一个在检查元素视图中正确显示。就像在源代码中一样。但另一个解析完全不同：浏览器省略了<form>标签本身，但将其内部内容添加到父标签，正确解析。

它们完全相同，所以我真的不知道我的代码有什么问题。最奇怪的是，我尝试用<div>s 和其他标签替换<form> 标签，一切都被正确解析和渲染。所以它看起来真的是一个浏览器错误，但 Firefox 和 Chrome 都是这样解析的。

Answer 1

我必须阅读标准才能得到明显的答案：

表单不得包含其他表单元素。

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