Bootstrap Tags标签输入框

小渣渣

想做一个标签输入，模板是基于Bootstrap的，先看效果，如下图：


Bootstrap Tags Input开源地址：https://github.com/bootstrap-tagsinput/bootstrap-tagsinput

网页插件：jquery-3.3.1、bootstrap-4.1.1

首先，引用下载Bootstrap Tags Input，然后引入css和js文件，这就不多说了

下载地址：http://timschlechter.github.io/b ... strap-tagsinput.zip

Bootstrap Tags Input是在bootstrap v3版本下面的插件，由于我用的是bootstrap v4版本，所以会有些问题，需要改一下，如果不改的话，在bootstrap v4版本下，输入的文字会显示不出来，这是因为bootstrap v4版本已经没有“label label-info”样式了。

html代码：

登录可见。

在head头部添加以下样式：

登录可见。

js代码：

登录可见。

bootstrap-tagsinput.css源文件中.bootstrap-tagsinput样式修改如下：

登录可见。

注意：标签是用英文的逗号隔开，中文状态下无法隔开