css - 单击“input-group-btn”时无法提交表单

Question

我正在使用Bootstrap#input-groups-buttons创建一个搜索栏

  <form class="navbar-form navbar-left" action=".">
      <div class="input-group">
        <input type="text" class="form-control" name="q" placeholder="Search ...">
        <span class="input-group-btn">
          <button class="btn btn-default" type="button">Go!</button>
        </span>
      </div><!-- /input-group -->
  </form>

当我按 Enter 时，可以成功提交表单，

http://127.0.0.1:8000/?q=test

但是，当我单击“开始”按钮时，什么也没发生。

单击按钮时如何提交表单数据？

标签： csstwitter-bootstrap-3

Answer 1

只需将按钮类型更改为提交即可。

<button class="btn btn-default" type="submit">Go!</button>.

查看详情：https ://www.w3schools.com/tags/att_button_type.asp :)