[前端]TAG标签输入的实现

效果如下：

实现方法
1.下载Tag Editor插件
本文提供下载地址http://www.itbbn.top/res/js/jquery.tag-editor.zip
2.使用方法
先引入jquery.tag-editor.js和jquery.tag-editor.css以及jquery
（1）实例代码

<input type="text" id="tag" />
<script>
    $('#tag').tagEditor();
</script>

（2）YcForm使用实例

<Ycform:input title="标签" id="sign_mark" name="sign_mark" tips="请填写标签（选填），按回车键完成1个标签输入" class="w400" value="{$model.sign_mark}aa,bb"></Ycform:input>
                <script>
                    $(function() {
                        $('#sign_mark').tagEditor();
                    });
                </script>