Robust Tags Input JavaScript Library – insignia

Category: Form , Javascript , Recommended | January 22, 2015
Views Total:981 views
Official Page:Go to website
Last Update:January 22, 2015


Robust Tags Input JavaScript Library – insignia


insignia is a stand-alone JavaScript library to create beautiful, customizable tags/tokens input with ease.


  • Custom delimiters.
  • Allows to remove tags by clicking on the crosses.
  • Duplicate tags validation.
  • Supports custom event handler.

Basic Usage:

Download and include the insignia.js script at the end of your document.

<script src="insignia.js"></script>

Include the required insignia.css in the head section of the document.

<link href="insignia.css" rel="stylesheet">

Create a standard text filed to accept tags input.

<input id="demo">

Enable the tags input. The visitor can inert a list of tags separated by ‘space’.


Available parameters.

insignia(input, {
  // custom delimiter
  delimiter: ',',
  // remove tags by clicking on the crosses
  deletion: true,
  // transform tags
  parse: function (value) {
    return value.toUpperCase();
  // duplicate tags validation
  validate: function (value, tags) {
    return true;

You Might Be Interested In:

Leave a Reply