基于 bootstrap 的 tags(标签) 插件
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
,可能导致样式的改变,可以修改
###后续添加的功能
添加与服务器的交互,实现智能填写版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。