Form components / Advanced
Switchers
ON
OFF
ON
OFF
COLORS
ON
OFF
ON
OFF
ON
OFF
ON
OFF
ON
OFF
ON
OFF
ON
OFF
ON
OFF
ON
OFF
ON
OFF
ON
OFF
ON
OFF
ON
OFF
ON
OFF
ON
OFF
SIZES
ON
OFF
ON
OFF
ON
OFF
ON
OFF
ON
OFF
ON
OFF
ON
OFF
ON
OFF
ON
OFF
DISABLED STATE
ON
OFF
ON
OFF
ON
OFF
Styled checkboxeds and radios
CHECKBOXES
RADIOS
Also you can create single checkbox/radio without text label (see source code).
jQuery Character limit
Characters left: 20
Characters left: 100
jQuery Expanding inputs
SIZES
CALLBACKS
jQuery Select2
More info and examples at http://ivaynberg.github.io/select2/
MULTISELECT
- No matches found
EXTERNAL SOURCE
DISABLED STATE
- No matches found
COLORS
Masked inputs
More info and examples at http://digitalbush.com/projects/masked-input-plugin/
Styled file inputs
No file selected...
jQuery Autoresizing Textarea
More info and examples at http://www.jacklmoore.com/autosize/
jQuery Knob
Dropzone.js file uploads
More info and examples at http://www.dropzonejs.com
Bootstrap X-Editable
More info and examples at http://vitalets.github.io/x-editable/
| Simple text field | superuser |
| Empty text field, required | Empty |
| Select, local array, custom display | not selected |
| Datepicker | 25.02.2013 |
| Combodate (date) | 15/05/1984 |
| Combodate (datetime) | Empty |
| Textarea, buttons below. Submit by ctrl+enter | awesome user! |
| Twitter typeahead.js | California |
| Checklist | peach apple |
| Select2 (tags mode) | html, javascript |
| Select2 (dropdown mode) | Bahamas |
| Custom input, several fields | Moscow, Lenina st., bld. 12 |
