bootstrap 搜索框
时间: 2023-11-14 10:07:23 浏览: 166
Bootstrap实现弹性搜索框
Bootstrap 中的搜索框可以通过以下代码实现:
```html
<div class="container">
<h2>Bootstrap Search Box</h2>
<form class="form-inline" action="/search" method="get">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search" name="q">
<div class="input-group-append">
<button class="btn btn-primary" type="submit">
<i class="fa fa-search"></i>
</button>
</div>
</div>
</form>
</div>
```
上述代码创建了一个带有搜索图标的搜索框。当用户输入关键词并点击搜索按钮时,表单将被提交到指定的搜索URL上,并附带关键词参数。
你可以将上述代码复制到你的 HTML 文件中,根据需要进行自定义样式和功能。
阅读全文