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

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

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

HTML代码:

1
2
3
4
5
6
7
<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代码:

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

记得引入jQuery库:

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

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

未经允许不得转载:码云笔记 » [前端资源]jQuery与css实现input文本框输入文字回车创建标签代码
喜欢(3) 打赏

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

在线客服

在线客服

  • 扫描二维码,微信联系 扫描二维码,微信联系