使用 Ctrl+D 可将网站添加到书签
 
当前位置：码云笔记 > 前端开发 > [前端资源]jQuery与css实现input文本框输入文字回车创建标签代码
码云码云 前端开发

[前端资源]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

「点点赞赏，手留余香」

赞 2 赏

给作者打赏，鼓励TA抓紧创作！

微信微信 支付宝支付宝

还没有人赞赏，快来当第一个赞赏的人吧！

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
码云笔记 » [前端资源]jQuery与css实现input文本框输入文字回车创建标签代码

码云 会员

分享到：

相关推荐

6 评论

  1. 新手啊能否加你学习咨询下整个项目搭建

  2. 编辑页面数据怎样回显？

    1. 你这样问神仙也不清楚啊，把代码贴出来

      1. jQuery与css实现input文本框输入文字回车创建标签代码 中input输入的数据如何回显？？
        input输入的数据存入数据库，怎样在HTML编辑页面赋值给input输入框使之回显数据？

        1. 首先你在data里面设置一个value：’默认值’ 然后在方法里面通过this.value = ‘重新赋值（把后台返回的数据放在这里）’这样就能显示更新之后的数据了。

发表回复