Bootstrap Tokenfield(标签输入) 官网

基本

禁用

包含搜索图标

验证状态

Tokenfield 支持 Bootstrap 表单的验证状态

输入组

您可以通过 data-max-option 限制选项或分组的选中项数量

标签

高级用法

和 Typeahead 搭配使用

复杂示例中使用事件

Tags Input(标签输入) 官网

文本框

只需要在文本框上添加 data-role="tagsinput" 即可

多个值

可以通过 <select multiple> 来获得多个值,而不是一个文本的字符串, <option> 会自动被设置成一个标签,用英文的逗号隔开。

对象(Object)

绑定对象而非字符串到标签上,这样在某些场景下会比较灵活

标签分类

您可以使用静态的css类,或动态的函数来设置标签的分类