单击“ 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

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

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

Answer 1

假设您的表单的ID为myForm

<button type="submit" class="btn btn-default" form="myForm" value="Submit">Go!</button>

Answer 2

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

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

检查详细信息：https://www.w3schools.com/tags/att_button_type.asp :)

Answer 3

我敢打赌，您只需要绑定按钮以在单击事件上执行事件处理程序-引导程序即可处理演示文稿，但是您还需要类似jQuery的东西来指定如何处理UI事件。 您可能需要阅读：Bootstrap onClick button event