简单介绍
Bootstrap typeahead插件是用来完成输入框的自动完成、模糊搜索和建议提示的功能,支持ajax数据加载,类似于jquery的流行插件Autocomplete。
typeahead的使用方式有两种:通过数据属性字段的方式和通过Javascript加载的方式。
1. 通过属性字段的方式
在输入文本框input组件里添加data-provide="typeahead"
这个属性字段表示使用typeahead扩展插件:
<input type="text" data-provide="typeahead">
也可以通过设置autocomplete="off"
来避免浏览器自己的自动完成功能,防止与插件使用相混。
2. 通过Javascript加载的方式
通过手动的在js中调用typeahead函数:
$('.typeahead').typeahead()
属性选项
具体数据相关的配置通过几个选项字段和函数控制,如下表所示:
名称 | 类型 | 默认值 | 描述 |
---|---|---|---|