bootstrap3搜索框

引用[1]: <div class="col-sm-5" id="so"> <div class="input-group"> <input type="text" class="form-control" onkeydown="onKeyDown(event)"/> <span class="input-group-addon"><a href="#"><i class="glyphicon glyphicon-search"><span >搜索</span></i></a></span> </div> </div> </span></i></a></span> </div> </div> <script type="text/javascript"> /* 搜索框 */ function onKeyDown(event){ //执行搜索点击事件 } <script> 。 引用[2]:需要引入bootstrap.js和css文件使用 在搜索框加入data-provide=“typeahead” autocomplete="off"这两个属性 <input type="text" value="" class="search-txt" placeholder="请输入产品名称或SKU" id="txtSkuName" data-provide="typeahead" autocomplete="off"/> 。

根据提供的引用内容，bootstrap3搜索框的代码可以使用以下方式实现:

<div class="input-group">
<input type="text" class="form-control" placeholder="请输入产品名称或SKU" id="txtSkuName" data-provide="typeahead" autocomplete="off"/>
<span class="input-group-addon">
<a href="#">
<i class="glyphicon glyphicon-search"></i>
<span>搜索</span>
</a>
</span>
</div>

在这个代码中，我们使用了input-group和form-control类来创建一个带有搜索图标和文本框的搜索框。placeholder属性用于显示默认的提示文本。data-provide="typeahead"和autocomplete="off"属性用于启用自动完成功能并禁用浏览器的自动填充功能。用户可以在文本框中输入关键字，并点击搜索图标进行搜索操作。