#### Form Elements

#### 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`.

Text
Email
Password
Placeholder
Text area
Readonly
Disabled
Static control
Helping text
A block of help text that breaks onto a new line and may extend beyond one line.
Input Select

###### Multiple select

Default file input
Date
Month
Time
Week
Number
URL
Search
Tel
Color
Form range
Datalists

#### Select Menu

Custom `<select>` menus need only a custom class, `.form-select` to trigger the custom styles.

##### Select Menu Sizing

You may also choose from small and large custom selects to match our similarly sized text inputs.

Large Form Select
Small Form Select

#### Checkboxes & radios

##### Checkbox

Default checkbox
Checked checkbox

##### Radios

Default radio
Default checked radio

#### 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.

Default switch checkbox input
Checked switch checkbox input
Disabled switch checkbox input
Disabled checked switch checkbox input

#### Input Sizes & Group

Set heights using classes like `.input-lg`, and set widths using grid column classes like `.col-lg-*`.

Small
Normal
Large
Grid Sizes
Static
@
Dropdowns
Buttons

#### Basic Example

Email address
We'll never share your email with anyone else.
Password
Check me out

#### Horizontal form

Email
Password
Re Password
Check me out

#### Inline Form

Use the `.col-auto` class to create horizontal layouts.

Email
Password

###### Auto-sizing

Name
Username
@
Remember me

#### Form grid

You may also swap `.row` for `.row`, a variation of our standard grid row that overrides the default column gutters for tighter and more compact layouts.

Email
Password
Address
State
City
Zip
Check me out

##### Floating labels

Create beautifully simple form labels that float over your input fields.

Name
Email address
Works with selects
123, Main st Comments
Check me out