ListInput

Download ListInput.js
Download ListInput.css
Enter some element in the list.
Separate them by comma or just press enter

Actions

Disable Enable Undo Reset Add an item Add 3 items See all values in firebug See validated values in firebug See unvalidated values in firebug

Demos

With inputbox and editable items

note : you can move between all editable area with left and right arrow.
This feature can be desactivated

Without inputbox and with editable items

note : you can move between all editable area with left and right arrow
This feature can be desactivated

Without initial value

With inputbox and without editable items

Without inputbox and without editable items

With validation

note : enter only digits

With custom separator

note : you can use semi-colon for separate item
You also can use an array of separators

With a submit form

note : after submit, see url

With a submit form - submit only validated value

note : after submit, see url
enter only digits

With a max number of items

note : you can only add 3 items

Without close button

note : you can specify if you want close button :
- only on validated value
- only on unvalidated value
- never
- always

Without anim