表单/表格

bootstrap4标签输入框插件

也想出现在这里?联系我们
创客云

这是一款基于 Bootstrap4 的标签输入框插件。该插件使用 Bootstrap 4 badge 组件来制作标签输入和移除的效果。

使用方法

在页面中引入下面的文件。

也想出现在这里?联系我们
创客主机
  1. <link href="bootstrap.min.css" rel="stylesheet" type="text/css" />
  2. <link href="jquery-tagsinput.min.css" rel="stylesheet" type="text/css" />
  3. <script src="jquery-3.3.1.min.js"></script>
  4. <script src="jquery.color.plus-names-2.1.2.min.js"></script>
  5. <script src="bootstrap.min.js" defer></script>
  6. <script src="jquery-tagsinput.min.js" defer></script>

HTML 结构

基本 HTML 结构如下:

  1. <input id="tags" name="tags" value="first;second;third;" />

初始化插件

在页面 DOM 元素加载完毕之后,通过 tagsInput()方法来初始化插件。

  1. $('#tags').tagsInput();

Github 地址:https://github.com/khenfei/jquery-tagsinput

资源下载此资源下载价格为1立即购买,VIP 免费

演示地址 下载地址
收藏
(0)

本文由 云模板 作者:PetitQ 发表,转载请注明来源!

也想出现在这里?联系我们
创客主机

发表回复

热销模板

Hub - 响应式可视化编辑企业官网WordPress汉化模板

Envato

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!

请扫码添加QQ好友后咨询!