基于 bootstrap 的 tags(标签) 插件

bootstrap-tags

基于 bootstrap 的 tags(标签) 插件

###使用方法:

引入相关文件tags.min.jsstyle.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、网站不提供资料下载,如需下载请到原作者页面进行下载。