jQuery Tagit Demo Page
Hidden Select
Normally the select is hidden, however we have shown it for this demo so you can see
how it operates!
Initial Tags
You can manually specify tags in your markup by adding list items to the unordered list!
- here
- are
- some
- initial
- tags
Allowing Spaces
By overriding the trigger keys you can have spaces, comma's and any other character in your tags!
Callback
By passing a function in for tagsChanged you can preform your own events too!
Action:
none
Limits
You can limit both the maximum and minimum amount of, and characters per tag!
Maximum of 5 tags and 5 characters per tag.
Sortable : true
You can allow the tags to be sortable by dragging the entire tag!
- here
- are
- some
- initial
- tags
Sortable : handle
Or only draggable by a handle!
- here
- are
- some
- initial
- tags
Editable
Click on a tag to edit it!
- here
- are
- some
- initial
- tags
Custom Autocomplete
You can hack into the autocomplete dropdown to display custom data!
© Content and Design Matthew Hailwood 2012
