Forms

Examples and usage guidelines for form control styles, layout options, and custom components for creating a wide variety of forms.

Controls

These input types create a text field: text, date, datetime, datetime-local, email, month, number, password, search, tel, time, url, and week.

Input Types

Standard Input
Number Input
Password Must contain 8+ characters with at least 1 number and 1 uppercase letter. Email
Date
Telephone
Hyperlink/URL

Additional Form Controls

Text Area X-rays were discovered by accident when German scientist Wilhelm Conrad Roentgen (27 March 1845–10 February 1923) was experimenting with vacuum tubes in 1895.
Dropdown Select Menu Great White Shark Mako Shark Whale Shark
Multiple Select Menu

We're working on it!

Radio

Red Blue Yellow Purple Green

Checkbox

Ewok Wicket Yuri Shayla Snow White Silky Black Sky

Form Buttons

See Buttons page for more details on button colors, styles and groups.

Pairing

The dark blue button is recommended for a single primary action item and is paired nicely with a hollow or transparent button to the left for secondary actions.

Option A

Option B