Created: 2011-07-12 20:30
Updated: 2018-03-09 21:07


Tagzy - A jQuery plugin for adding tags to an input

Website : http://theodin.co.uk
Twitter : @philipbeel


Tagzy is a jQuery plugin which enables you to add a highly visual tag input to any web page quickly and easily. If you have ever signed up for soundcloud or forrst you may have already encountered this approach.


Call in the jQuery framework and jquery.tagzy.js in your webpage.

<script type="text/javascript" src="jquery.tweetable.js"></script>

Create a hidden input which will serve to hold your comma seperated list of tags.

<form id='myForm' name='myForm' method='get' action='#'>
	<input type='hidden' name='tagged' id='tagged' />

Initiate the plugin, call tagzy on your specified element.


Plugin parameters

containerClass{String},     // Name of the tagzy container class 
tagClass: {String},     	 // Name of the class appended to each tagged item 
inputClass: {String},       // Name of the class appended to the input 
Cookies help us deliver our services. By using our services, you agree to our use of cookies Learn more