如何使用Bootstrap Tags输入插件

我试图使用没有Typeahead的Bootstrap标签输入插件 。 我已经包含以下文件:

   

脚本如下:

  $('#tagPlaces').tagsinput({ allowDuplicates: true });  

使用插件的JSP表单的一部分:

 

但我无法在输入字段中看到标签。 当我按下输入标签时,我的表单也会被提交。 请提出我缺少的内容以及使用该插件的正确方法。

这就是我做到的

  no more javascript 

CSS
您可以包含原始引导标记输入css文件

  

或者你只能使用它

 .bootstrap-tagsinput { background-color: #fff; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); display: block; padding: 4px 6px; color: #555; vertical-align: middle; border-radius: 4px; max-width: 100%; line-height: 22px; cursor: text; } .bootstrap-tagsinput input { border: none; box-shadow: none; outline: none; background-color: transparent; padding: 0 6px; margin: 0; width: auto; max-width: inherit; } 

和HTML