Minimalist Tags Input Plugin with jQuery and Bootstrap - tags.js

Minimalist Tags Input Plugin with jQuery and Bootstrap - tags.js
File Size: 7.98 KB
Views Total: 2369
Last Update:
Publish Date:
Official Website: Go to website
License: MIT

A simplest jQuery plugin which converts a standard text input into a tagging widget styled with Twitter's Bootstrap 3. 


  • Type something in the text field and press the enter key to add a new tag.
  • Click on the tag label to edit the tag.

How to use it:

1. Load the Bootstrap's stylesheet file in the head section of the document.

<link rel="stylesheet" href="//">

2. Load the jQuery.tags.js script after jQuery JavaScript library.

<script src="//"></script>
<script src="dist/jquery.tags.min.js"></script>

3. Adding the data-toggle="tags" attribute to your text input will auto initialize the plugin on document ready.

<input type="text" data-toggle="tags" />

4. Or initialize the plugin by calling the $('#id').tags() method on your text input.

$('#id').tags('tag1', 'tag2');

5. You can get the value your user input using $('#id').val()


6. Available options.

values: [] // initial values

Change log:


  • fixed bugs
  • added several options.
  • fixed style.

This awesome jQuery plugin is developed by QingWei-Li. For more Advanced Usages, please check the demo page or visit the official website.