[前端]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>

注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
© 2014-2019 ITdaan.com 粤ICP备14056181号