在chrome中呈现javascript模板时缺少表单标记

Question

我有一个aspx页面，其中我有一个这样的表单。

<form id="form1" runat="server">
.
.
.
</form>

<form id="form1" runat="server"> . . . </form>

现在我在这个页面中使用了多个javascript模板（trimpath），每个tpls里面都有一个表单标签。

现在渲染完所有内容后，在IE中我在页面中获得了多个表单标签，但是在chrome中我有渲染的tpls以及主表单标签（aspx）页面中的所有内容，并且没有其他表单标签。

IE（开发者工具）

<form id="form1" action="abc.aspx" method="post"> //main form tag of aspx page

<form id="tpl1">rendered tags of tpl
..</form>

<form id="tpl2">rendered tags of tpl
..</form>

</form>

但是在Chrome中

<form id="form1" action="abc.aspx" method="post"> //main form tag of aspx page <form id="tpl1">rendered tags of tpl ..</form> <form id="tpl2">rendered tags of tpl ..</form> </form>

任何想法为什么会这样发生？

Answer 1

这是因为表单内的表单在语义上不正确或有效，而现代浏览器在呈现页面时往往会尝试自动更正无效的HTML。