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和谷歌浏览器都不正确地渲染它们。

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

它们完全一样，所以我真的不知道我的代码有什么问题。最奇怪的是，我尝试用<form>和其他标签替换<div>标签，并且所有内容都经过解析和正确呈现。所以它看起来似乎是一个浏览器错误，但Firefox和Chrome都以这种方式解析它。

Answer 1

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

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

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

浏览器不能正确解析表单

1 个答案: