Basic Forms
Input Types
Most common form control, text-based input fields. Includes support for all HTML5 types: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, and color.
Select menu
custom <select> menus need only a custom class,
.form-select to trigger the custom styles.
Switches
A switch has the markup of a custom checkbox but uses the
.form-switch class to render a toggle switch. Switches
also support the disabled attribute.
Checkboxes
Radios
Disabled
Floating Label
Floating Textarea
Floating Selects
Basic Example
Horizontal Form
Inline Form
Use the grid and utilities to display a series of labels, form controls, and buttons on a single horizontal row. Form controls within inline forms vary slightly from their default states. Controls only appear inline in viewports that are at least 576px wide to account for narrow viewports on mobile devices.