当前位置 :首页 > 网页特效 > 文字特效 > jQuery标签插件,按回车自动完成

jQuery标签插件,按回车自动完成

79 0 时间:2019-08-08 03:16  查看评论 (0)
内容摘要:一款简洁美观的jQuery输入框自动生成标签插件,在input文本框输入标签文字后按回车或焦点离开输入框时,便会自动生成标签,可以按退格键或直接点击标签来删除生成的标签

引入CSS:

<link rel="stylesheet" type="text/css" href="css/css.css">


引入JS:

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

<script type="text/javascript">
    function getinput(){
        alert($('#tagsinputval').val());
    }
</script>


HTML结构:

<div class="box">
    <h1 style="text-align: center;margin: 20px 0;margin-top: 200px;">jquery自动生成标签</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>

讨论这个项目(0)回答他人问题有机会获得积分奖励哦

稍等,评论加载中...

发送qq消息

关注公众号
扫一扫关注公众号

微信交流请加:tgw750203

在线客服