码云笔记前端博客
Home > 免费资源 > [前端资源]jQuery与css实现input文本框输入文字回车创建标签代码

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

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

本文共计226个字,预计阅读时长需要1分钟。

前端资源推荐大家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前端开发技术的博客,主要记录和总结博主在前端开发工作中常用的实战技能及前端资源分享,分享各种科普知识和实用优秀的代码,以及分享些热门的互联网资讯和福利!码云笔记网有你更精彩!
更多博客详情请看关于博客

精彩评论