不能跨越多个 div 的表单答案

【问题标题】：Can't span form over multiple divs不能跨越多个 div 的表单
【发布时间】：2013-03-02 15:24:45
【问题描述】：

每当我通过</div> 使用由结束</form> 分隔的<form> 时，浏览器（至少是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

【问题讨论】：

将打开/关闭表单标签粘贴在模态 div 之外，并将它们都包装在 modal-container 样式中。
您可以使用 HTML5 form 属性将您的 <input type="submit" /> 放在您的 <form> 之外。更多信息请访问Submit form using a button outside the <form> tag。

标签： html

【解决方案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>

【讨论】：

很公平。我只是没想到浏览器会“自动修复”它。出于好奇，有什么办法可以关闭这个“功能”？