无法跨越多个div

时间:2013-03-02 15:24:46

标签: html

每当我通过<form>使用由结束</form>分隔的</div>时,浏览器(至少chrome&amp; 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

1 个答案:

答案 0 :(得分:7)

你不能像你表现的那样去做;它不是有效的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>