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

▼

◀

▶

Demo 1

Demo 2

Demo 3

Demo 4

Demo 5

Demo 6

Demo 7

Demo 8

Demo 9

Demo 10

Demo 11

Demo 12

With inputbox and editable items

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

initial item 1x

Without inputbox and with editable items

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

initial item 1x

Without initial value

With inputbox and without editable items

initial item 1x

Without inputbox and without editable items

initial item 1x

With validation

note : enter only digits

1234x

With custom separator

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

initial item 1x

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

initial item 1x

Without close button

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

Without anim

initial item 1x