前端:<form id="myForm"> 标签被浏览器提前闭合

一，问题

<form id="myForm"> 这行代码被浏览器处理成了<form id="myForm"></form>,

为什么？

 

二，原因：

当浏览器在解析网页时，如果遇到无法理解的非法结构，它为了保证页面不崩溃，会自作聪明地把标签提前闭合掉，

<form> 标签的位置放错了（例如夹在表格标签中间）

如果你在写表格（<table>）时，把 <form> 放到了错误的层级，浏览器也会强制闭合它。

• 错误写法（会导致表单被踢出并闭合）：

  HTML

   

  <table>
      <form id="myForm"> <!-- 错误：form 不能直接作为 table 的子元素 -->
          <tr>
              <td><input type="checkbox"></td>
          </tr>
      </form>
  </table>

• 正确写法： 应该把整个 <table> 完整地包裹在 <form> 里面，或者把 <form> 放在 <td> 里面。

  HTML

   

  <form id="myForm">
      <table>
          <tr><td><input type="checkbox"></td></tr>
      </table>
  </form>