单击""input-group-btn""时无法提交表单

Question

我正在使用Bootstrap#输入组按钮创建一个搜索栏

<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

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

CCD_ 1。

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

Answer 2

假设您的表单具有myForm 的id

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

Answer 3

我打赌你只需要绑定按钮就可以在点击事件时执行你的事件处理程序-引导程序处理演示，但你也希望像jQuery这样的东西来指定如何处理UI事件。您可能想阅读：启动点击按钮事件