HTML:使用嵌套 的风险？

Question

使用此布局是否存在任何浏览器兼容性问题

<form action="javascript:alert('error on submit outer')" onsubmit="submitOuterScriptedForm(this); return false">
  <input name="field1"/>
  <form action="javascript:alert('error on submit inner')" onsubmit="submitInnerScriptedForm(this); return false">
    <input name="field1"/>
    <button type="submit">Click here for JavaScript mini-form</button>
  </form>
  <input name="field2"/>
  <button type="submit">Click here to submit JavaScript main form</button>
</form>

预期结果

• 在第二个输入中按回车键或单击第一个按钮触发内部表单的提交。
• 在第一个或第三个输入中按回车键或单击最后一个按钮会触发外部表单的提交。

Answer 1

它不是有效的 HTML。

不允许嵌套表单标签。

来自DTD and spec :

<!ELEMENT FORM - - (%block;|SCRIPT)+ -(FORM) -- interactive form -->

-(FORM) 特别禁止嵌套表单。

预期结果:W3 验证服务中的验证错误。

浏览器预期结果:未定义的行为。