html - 从 Bootstrap 模态中自动删除表单标签

Question

在默认的 magento 1.9 版本中，我遇到了模式弹出窗口的问题。

它工作正常，但 form 标签被自动删除。当我查看页面源代码时，form 标记就在那里。我不知道我做错了什么。

<a data-toggle="modal" href="#myModal" class="btn btn-primary">Launch modal</a>
<div class="modal" id="myModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="modal-title">Modal title</h4>
      </div>
      <div class="modal-body">
        <form id="modalForm" name="modalForm" action="/test" method="post">
          <input type="text" name="text" />
        </form>
        Content for the dialog / modal goes here.
      </div>
      <div class="modal-footer">
        <a href="#" data-dismiss="modal" class="btn">Close</a>
        <a href="#" class="btn btn-primary">Save changes</a>
      </div>
    </div>
  </div>
</div>

Fiddle demo

有什么帮助吗？

Answer 1

我今天确实遇到了这个问题(尽管我使用的是 Spree 而不是 Magento)。我的错误是将 Bootstrap 模式 html 放在现有的表单元素中。

Chrome 会自动删除现有 form 元素中的 form 标签。 See question here .

将模态窗口移动到 body 标签的底部可能会有所帮助。