如何使用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