web前端开发技术博客
当前位置: 免费资源 > [前端资源]jQuery与css实现input文本框输入文字回车创建标签代码

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

2019-06-24 分类:免费资源 作者:林夕 阅读(965)

前端资源推荐大家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文本框输入文字回车创建标签代码,欢迎下载!

「如果觉得我的文章对您有用,请帮助本站成长」

赞(0) 打赏

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

支付宝
微信
0

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

支付宝
微信

上一篇:

下一篇:

共有 0 条评论 - [前端资源]jQuery与css实现input文本框输入文字回车创建标签代码

博客简介

码云笔记: mybj123.com,一个关注Web前端开发技术的博客,主要记录和总结前端工作中常用的知识及我的生活。
更多博客详情请看关于博客

圈子

关注微信公众号
关注微信公众号

精彩评论

服务热线:
 13888888888

 QQ在线交流