tagator标签输入控件(jQuery)

2014-11-17 来源/作者:懒人图库 分类:其他代码 «»
tagator标签输入控件(jQuery) tagator标签输入控件(jQuery)

tagator标签输入控件(jQuery),输入文字后按回车键完成输入,支持自动补全,兼容主流浏览器,懒人图库推荐下载!


使用方法:

1、head区域引用代码

<link rel="stylesheet" href="css/fm.tagator.jquery.css"/>

<script src="js/jquery.min.js"></script>

<script src="js/fm.tagator.jquery.js"></script>


2、autocomplete选项输入支持自动补全的单词,支持中文

<script>

$(function () {

$('#inputTagator').tagator({

// 输入以下单词自动补全, 支持中文

autocomplete: ['first', 'second', 'third', 'fourth', 'fifth', 'sixth', 'seventh', 'eighth', 'ninth', 'tenth', '标签']

});

});

</script>


3、在value里填入tag标签以半角逗号隔开。

<input style="width:300px;" id="inputTagator" name="inputTagator" value="Test,Best,Rest">

效果预览 本地下载  新手使用求助QQ群:133049023
标签:其他代码
相关代码推荐