ListInput

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

Actions

Demos

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
  • initial item 1x

With a submit form - submit only validated value

note : after submit, see url
enter only digits
  • invalid valuex
  • 1234x

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
EXPERIMENTAL: dojox.form.ListInput -- APIs subject to change without notice.
_setReadOnlyInputAttr dojox_form_ListInput_0 false
_createInputBox dojox_form_ListInput_0 false
_setReadOnlyInputAttr dojox_form_ListInput_0 false
_createInputBox dojox_form_ListInput_0 false
_createInputBox dojox_form_ListInput_0 false
_setReadOnlyInputAttr dojox_form_ListInput_1 false
_createInputBox dojox_form_ListInput_1 true
_setReadOnlyInputAttr dojox_form_ListInput_1 false
_createInputBox dojox_form_ListInput_1 true
_setReadOnlyInputAttr dojox_form_ListInput_1 true
_createInputBox dojox_form_ListInput_1 true
_createInputBox dojox_form_ListInput_1 true
_createInputBox dojox_form_ListInput_2 false
_setReadOnlyInputAttr dojox_form_ListInput_3 false
_createInputBox dojox_form_ListInput_3 false
_setReadOnlyInputAttr dojox_form_ListInput_3 false
_createInputBox dojox_form_ListInput_3 false
_createInputBox dojox_form_ListInput_3 false
_setReadOnlyInputAttr dojox_form_ListInput_4 false
_createInputBox dojox_form_ListInput_4 true
_setReadOnlyInputAttr dojox_form_ListInput_4 false
_createInputBox dojox_form_ListInput_4 true
_setReadOnlyInputAttr dojox_form_ListInput_4 true
_createInputBox dojox_form_ListInput_4 true
_createInputBox dojox_form_ListInput_4 true
_setReadOnlyInputAttr dojox_form_ListInput_5 false
_createInputBox dojox_form_ListInput_5 false
_setReadOnlyInputAttr dojox_form_ListInput_5 false
_createInputBox dojox_form_ListInput_5 false
_createInputBox dojox_form_ListInput_5 false
_setReadOnlyInputAttr dojox_form_ListInput_6 false
_createInputBox dojox_form_ListInput_6 false
_setReadOnlyInputAttr dojox_form_ListInput_6 false
_createInputBox dojox_form_ListInput_6 false
_createInputBox dojox_form_ListInput_6 false
_setReadOnlyInputAttr dojox_form_ListInput_7 false
_createInputBox dojox_form_ListInput_7 false
_setReadOnlyInputAttr dojox_form_ListInput_7 false
_createInputBox dojox_form_ListInput_7 false
_createInputBox dojox_form_ListInput_7 false
_setReadOnlyInputAttr dojox_form_ListInput_8 false
_createInputBox dojox_form_ListInput_8 false
_setReadOnlyInputAttr dojox_form_ListInput_8 false
_createInputBox dojox_form_ListInput_8 false
_createInputBox dojox_form_ListInput_8 false
_setReadOnlyInputAttr dojox_form_ListInput_9 false
_createInputBox dojox_form_ListInput_9 false
_setReadOnlyInputAttr dojox_form_ListInput_9 false
_createInputBox dojox_form_ListInput_9 false
_createInputBox dojox_form_ListInput_9 false
_createInputBox dojox_form_ListInput_10 false
_setReadOnlyInputAttr dojox_form_ListInput_11 false
_createInputBox dojox_form_ListInput_11 false
_setReadOnlyInputAttr dojox_form_ListInput_11 false
_createInputBox dojox_form_ListInput_11 false
_createInputBox dojox_form_ListInput_11 false