Default form elements

Input Text:
Input Password:
Readonly:
Disabled:
Textarea:

Inputs with pre/appends

Prepend:
Controlled by JavaScript
Append:
Both:
Prepend button:
Append button:
Both:

Custom form elements

Select:
Multiple:
Select2:
Select2 multiple:
  • Ukraine
Tags input:
PHP  xJavaScript  xCSS  xHTML  x
Checkbox:
Checked
Unchecked
Disabled
Radio:
Checked
Unchecked
Disabled
File:
Spinner:
Currency:
Datepicker:

Other text inputs

Warning:
Lorem ipsum dolor sit amet
Error:
Lorem ipsum dolor sit amet
Success:
Lorem ipsum dolor sit amet
Info:
Lorem ipsum dolor sit amet
Custom length

Masked inputs

Date:
Example: 2012-12-21
Phone:
Example: 98 (765) 432-10-98
Phone + Ext:
Example: 98 (765) 432-10-98 x9999
Credit:
Example: 9876-5432-1098-7654
TIN:
Example: 98-7654321
SSN:
Example: 987-65-4321
Product:
Example: A1-234-B567
Percent:
Example: 50%

Multiselect

Default:
  • choose a option...
  • Andorra
  • Antarctica
  • Bulgaria
  • Dominican Republic
  • Micronesia
  • United Kingdom
  • Greece
  • Italy
  • Germany
  • Ukraine
With controls:
Selectable item
  • choose a option...
  • Andorra
  • Antarctica
  • Bulgaria
  • Germany
  • Micronesia
  • United Kingdom
  • Greece
  • Italy
Selected items
  • Dominican Republic
  • Ukraine