jquery-tagsinput标签插件

插件使用jquery-tagsinput 1.3.6版本。

github地址：https://github.com/xoxco/jQuery-Tags-Input

给需要的 input 增加上 js-tags-input 的 class。在表单中创建一个包含以逗号分隔的标记列表的实际输入。您可以在value属性中放置任何默认或现有标记，插件会处理成如上图所示。

1.  `<input  class="form-control js-tags-input"  type="text"  id="example-tags"  name="tags"  data-height="36px"  placeholder="请输入标签"  value="光年,黄金瞳">`

您可以通过调用 addTag() 和 removeTag() 函数来添加和删除标记。

1.  `$('#example-tags').addTag('Light Year');`
2.  `$('#example-tags').removeTag('黄金瞳');`

您可以使用 importTags() 函数导入标签列表。

1.  `$('#example-tags').importTags('光年,模板,lyear');`

您还可以使用 importTags() 重置标签列表。

1.  `$('#example-tags').importTags('');`

你可以使用 tagExist() 检查标签是否存在。

1.  `if  ($('#example-tags').tagExist('光年'))  {  ...  }`

涉及的文件：

• lyear_js_tags_input.html
• js/jquery-tagsinput/jquery.tagsinput.min.css
• js/jquery-tagsinput/jquery.tagsinput.min.js