Forms

Form Example

Form Horizontal

Focused input

Uneditable input

Some value here

Disabled input

Disabled checkbox

This is a disabled checkbox

Input with warning

Something may have gone wrong

Input with error

Please correct the error

Input with success

Woohoo!

Select with success

Woohoo!

Form Example

Form Components

Text input

Start typing to activate auto complete!

Date input

In addition to freeform text, any HTML5 text-based input appears like so.

Checkbox

Option one is this and that—be sure to include why it's great

Select list

Multicon-select

Start typing to activate auto complete!

File input

Textarea WYSIWYG

Form Wizard

Name

Phone

Address

City

State

Company Name

Contact Name

Contact Phone

Form Validation

Name*

Email*

URL*

e.g: http://www.demo.com or http://demo.com

Number*

Digits*

Credit Card*

e.g: 5500 0000 0000 0004

Occupation

optional field

Category*