tagsinput.js jquery标签input,引入即可用

tagsinput.js jquery标签input,引入即可用

tagsinput.js jquery标签input,引入即可用

第一步引入bfwone 加载依赖项jquery

第二步use插件

示例如下

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["tagsinput", "tagsinput"], function() {
           
            });
        });
        function getinput() {
            alert($('#tagsinputval').val());
        }
    </script>
</head>
<body>
    <div class="box">
        <h1 style="text-align: center;margin: 20px 0;margin-top: 200px;">提取faltUI中的标签input</h1>
        <div class="tagsinput-primary form-group">
            <input name="tagsinput" id="tagsinputval" class="tagsinput" data-role="tagsinput" value="faltui,这是一个标签" placeholder="输入后回车" />
            <button class="btn" onclick="getinput()">获取输入的值</button>
        </div>
    </div>
</body>
</html>


立即下载tagsinput.js查看所有js插件

网友评论0

程序员在线工具箱