Form Elements Common form elements and layouts

Text Field

Full Length

Password Field

Inline help text

Readonly field

Disable it!

Relative Sizing

Grid Sizing

Input with Icon

Tooltip and help button

?

Tag input

Text Area

Default

With Character Limit

Autosize

Masked Input

Date 99/99/9999

Phone (999) 999-9999

Product Key a*-999-a999

Eye Script ~9.99 ~9.99 999

Select Box

Default

Multiple

Chosen

Multiple

style: 1 2

Checkboxes & Radio All Checkboxes, Radios and Switch Buttons Are Pure CSS

Checkbox

choice 1

choice 2

choice 3

disabled

large checkbox

Radio

radio option 1

radio option 2

radio option 3

disabled

large radio

On/Off Switches

Custom File Input

Allow only images

jQuery UI Sliders

77 55 33 40 88

Spinners

Date Picker

Date Picker

Range Picker

Date Range Picker

Time Picker

Date/Time Picker

Color Picker

Color Picker

Custom Color Picker

Knob Input

Form Inside a Modal Box

Form Layouts

Default

Label name Example block-level help text here. check me out

Inline Forms

remember me

Search Form

Please fill the following form fields

Location

Username

Name