[前端资源]jQuery与css实现input文本框输入文字回车创建标签代码

前端资源推荐大家jQuery创建标签插件制作从input文本框输入文字回车创建标签,支持删除标签,点击按钮获取输入的标签值代码。

[前端资源]jQuery与css实现input文本框输入文字回车创建标签代码

HTML代码:

<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>

CSS代码:

<!-- 引入css -->
<link rel="stylesheet" type="text/css" href="css/css.css"/>

记得引入jQuery库:

<script src="js/jquery.min.js"></script>
<script src="js/tagsinput.js" type="text/javascript" charset="utf-8"></script>

以上就是码云笔记-前端资源提供由jQuery与css实现input文本框输入文字回车创建标签代码,欢迎下载!

下载方式:百度网盘 提取码:zl8n

关注web前端开发的个人技术博客,分享前端经验和技巧
码云笔记 » [前端资源]jQuery与css实现input文本框输入文字回车创建标签代码

发表评论

提供最优质的资源集合

立即查看 了解详情