Como usar o plugin de input de tags do Bootstrap

Eu estou tentando usar o plugin de input de tags do Bootstrap sem Typeahead. Eu incluí os seguintes arquivos:

   

O roteiro é como abaixo:

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

Parte do formulário JSP em que usa o plug-in:

 

Mas não consigo ver as tags no campo de input. Além disso, meu formulário está sendo enviado quando eu pressiono a input para a tag. Por favor, sugira o que estou perdendo e qual é a maneira correta de usar o plugin.

É assim que eu fiz

  no more javascript 

Css
Você pode include o arquivo css de input de tags de boot original

  

Ou você pode usar apenas isso

 .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; } 

E HTML

  
    Intereting Posts