Base Inputs

Forms - Base Inputs

Overview
We'll never share your email with anyone else.
Form Controls
File Inputs
Sizing


Read Only

Range Inputs
Checkboxes and Radios



Form Groups
Form Grid
Form Row
More complex layouts can also be created with the grid system.
Horizontal Form
Radios
Checkbox
Horizontal form label sizing
Column sizing
Auto-sizing
M

M
Custom Controls
Inline Forms
M

Help text
Your password must be 8-20 characters long, contain letters and numbers, and must not contain spaces, special characters, or emoji.

Must be 8-20 characters long.
Disabled forms
Validation
Looks good!
Looks good!
M
Please choose a username.
Please provide a valid city.
Please provide a valid state.
Please provide a valid zip.
You must agree before submitting.
Browser Defaults Validation
M
Server Side Validation
Looks good!
Looks good!
M
Please choose a username.
Please provide a valid city.
Please provide a valid state.
Please provide a valid zip.
You must agree before submitting.
Supported Elements
Please enter a message in the textarea.
Example invalid feedback text
More example invalid feedback text
Example invalid custom select feedback
Example invalid custom file feedback
Tooltips Validation
Looks good!
Looks good!
M
Please choose a unique and valid username.
Please provide a valid city.
Please provide a valid state.
Please provide a valid zip.
Custom forms