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
Submit
Reset
Text Area
Default
With Character Limit
Autosize
Masked Input
Date
99/99/9999
Go!
Phone
(999) 999-9999
Product Key
a*-999-a999
Eye Script
~9.99 ~9.99 999
Select Box
Default
Alabama
Alaska
Arizona
Arkansas
California
Colorado
Connecticut
Delaware
Florida
Georgia
Hawaii
Idaho
Illinois
Indiana
Iowa
Kansas
Kentucky
Louisiana
Maine
Maryland
Massachusetts
Michigan
Minnesota
Mississippi
Missouri
Montana
Nebraska
Nevada
New Hampshire
New Jersey
New Mexico
New York
North Carolina
North Dakota
Ohio
Oklahoma
Oregon
Pennsylvania
Rhode Island
South Carolina
South Dakota
Tennessee
Texas
Utah
Vermont
Virginia
Washington
West Virginia
Wisconsin
Wyoming
Multiple
Alabama
Alaska
Arizona
Arkansas
California
Colorado
Connecticut
Delaware
Florida
Georgia
Hawaii
Idaho
Illinois
Indiana
Iowa
Kansas
Kentucky
Louisiana
Maine
Maryland
Massachusetts
Michigan
Minnesota
Mississippi
Missouri
Montana
Nebraska
Nevada
New Hampshire
New Jersey
New Mexico
New York
North Carolina
North Dakota
Ohio
Oklahoma
Oregon
Pennsylvania
Rhode Island
South Carolina
South Dakota
Tennessee
Texas
Utah
Vermont
Virginia
Washington
West Virginia
Wisconsin
Wyoming
Chosen
Alabama
Alaska
Arizona
Arkansas
California
Colorado
Connecticut
Delaware
Florida
Georgia
Hawaii
Idaho
Illinois
Indiana
Iowa
Kansas
Kentucky
Louisiana
Maine
Maryland
Massachusetts
Michigan
Minnesota
Mississippi
Missouri
Montana
Nebraska
Nevada
New Hampshire
New Jersey
New Mexico
New York
North Carolina
North Dakota
Ohio
Oklahoma
Oregon
Pennsylvania
Rhode Island
South Carolina
South Dakota
Tennessee
Texas
Utah
Vermont
Virginia
Washington
West Virginia
Wisconsin
Wyoming
Multiple
style:
1
2
Alabama
Alaska
Arizona
Arkansas
California
Colorado
Connecticut
Delaware
Florida
Georgia
Hawaii
Idaho
Illinois
Indiana
Iowa
Kansas
Kentucky
Louisiana
Maine
Maryland
Massachusetts
Michigan
Minnesota
Mississippi
Missouri
Montana
Nebraska
Nevada
New Hampshire
New Jersey
New Mexico
New York
North Carolina
North Dakota
Ohio
Oklahoma
Oregon
Pennsylvania
Rhode Island
South Carolina
South Dakota
Tennessee
Texas
Utah
Vermont
Virginia
Washington
West Virginia
Wisconsin
Wyoming
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
#ac725e
#d06b64
#f83a22
#fa573c
#ff7537
#ffad46
#42d692
#16a765
#7bd148
#b3dc6c
#fbe983
#fad165
#92e1c0
#9fe1e7
#9fc6e7
#4986e7
#9a9cff
#b99aff
#c2c2c2
#cabdbf
#cca6ac
#f691b2
#cd74e6
#a47ae2
#555
Knob Input
Form Inside a Modal Box
Form Layouts
Default
Label name
Example block-level help text here.
check me out
Submit
Inline Forms
remember me
Login
Search Form
Search
×
Please fill the following form fields
Location
Alabama
Alaska
Arizona
Arkansas
California
Colorado
Connecticut
Delaware
Florida
Georgia
Hawaii
Idaho
Illinois
Indiana
Iowa
Kansas
Kentucky
Louisiana
Maine
Maryland
Massachusetts
Michigan
Minnesota
Mississippi
Missouri
Montana
Nebraska
Nevada
New Hampshire
New Jersey
New Mexico
New York
North Carolina
North Dakota
Ohio
Oklahoma
Oregon
Pennsylvania
Rhode Island
South Carolina
South Dakota
Tennessee
Texas
Utah
Vermont
Virginia
Washington
West Virginia
Wisconsin
Wyoming
Username
Name