I am trying to use Bootstrap Tags Input plugin without Typeahead. I have included following files:
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="../../tagsinput/css/bootstrap-tagsinput.css" rel="stylesheet" type="text/css">
<script src="../../tagsinput/js/bootstrap-tagsinput.min.js"></script>
The script is as below:
<script>
$('#tagPlaces').tagsinput({
allowDuplicates: true
});
</script>
Part of JSP form where using the plugin:
<div class="form-group">
<label for="tagPlaces" class="col-sm-2 control-label">Tag Places</label>
<div class="col-sm-10">
<input type="text" class="form-control" data-role="tagsinput" id="tagPlaces">
</div>
</div>
But I am not able to see the tags in the input field. Also my form is getting submitted as I press enter for the tag. Please suggest what am I missing and what is the correct way of using the plugin.
This is how i did it
Css
You can include the original bootstrap tags input css file
Or you can just use only this
And HTML