Robust Tags Input JavaScript Library – insignia

Category: Form , Javascript , Recommended | January 22, 2015
Views Total:980 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