html - 不能跨越多个 div 的形式

Question

每当我使用 <form>由结尾分隔 </form>通过 </div> ，浏览器(至少是 chrome 和 firefox)关闭 <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>

这是 fiddle

Answer 1

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

如果你想将表单跨越多个 <div>的，您需要将表单标签放在它们外面:

<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>