欢迎来到懒人图库!
  • 首 页
  • 懒人论坛
  • 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
    标签:其他代码