表单/表格
bootstrap4标签输入框插件
PetitQ
这是一款基于 Bootstrap4 的标签输入框插件。该插件使用 Bootstrap 4 badge 组件来制作标签输入和移除的效果。
使用方法
在页面中引入下面的文件。
也想出现在这里？联系我们吧
<link href="bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="jquery-tagsinput.min.css" rel="stylesheet" type="text/css" />
<script src="jquery-3.3.1.min.js"></script>
<script src="jquery.color.plus-names-2.1.2.min.js"></script>
<script src="bootstrap.min.js" defer></script>
<script src="jquery-tagsinput.min.js" defer></script>
HTML 结构
基本 HTML 结构如下：
<input id="tags" name="tags" value="first;second;third;" />
初始化插件
在页面 DOM 元素加载完毕之后，通过 tagsInput()方法来初始化插件。
$('#tags').tagsInput();
Github 地址：https://github.com/khenfei/jquery-tagsinput
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
