html - 不能跨越多个 div 的表单

Question

每当我使用 a通过 a<form>关闭时，浏览器（至少 chrome 和 firefox）都会关闭标签。下面是示例代码</form></div><form>

<div class="modal-body">
  <form method="post" action="/api/users/">
    <textarea name="description">
    </textarea>
</div>
<div class="modal-footer">
  <input type="submit" class="btn btn-primary" value="Submit" />
  </form>
</div>

这是小提琴

Answer 1

你不能按照你展示的方式去做；它不是有效的 HTML。

如果要跨多个<div>'s 跨越表单，则需要将 form 标记放在它们之外：

<form method="post" action="/api/users/">
  <div class="modal-body">
    <textarea name="description">
    </textarea>
  </div>
  <div class="modal-footer">
   <input type="submit" class="btn btn-primary" value="Submit" />
  </div>
</form>