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

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/lzjpc500/article/details/77569637

效果如下:这里写图片描述

实现方法
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>
展开阅读全文

没有更多推荐了,返回首页