# 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
Radio
radio option 1
radio option 2
radio option 3
disabled

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