基于 bootstrap 的 tags(标签) 插件
基于 bootstrap 的 tags(标签) 插件
引入相关文件tags.min.js和style.min.css
简单调用
<input type="text" name="tags" id="tags" data-toggle="tags">
$('[data-toggle="tags"]').tags(); // 在你需要使用 'tags插件' 的元素上调用 tags()方法
带默认值的调用
<input type="text" name="tags" data-toggle="tags">
$('[data-toggle="tags"]').tags('lleohao','bootstrap'); // 向 tags 元素中传入参数
如果input元素中存在value值，则可一直接导入其中
<input type="text" name="tags" data-toggle="tags" value="lleohao,bootstrap">
$('[data-toggle="tags"]').tags(); // 自动导入value中的值
获取标签的值
可以直接通过表单的提交向服务器发送标签的值
也可以通过js代码获得
<input type="text" name="tags" id="tags" data-toggle="tags">
$('#tags').tags(); // 初始化插件$('#tags').val(); // 获取标签的值
style.min.css中设置了input元素的宽度为auto，可能导致样式的改变，可以修改