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>

回车后，表单提交成功，

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

但是，当我点击“开始”按钮时，没有任何反应。

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

Answer 1

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

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

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