#### Form Elements

#### Textual inputs

Here are examples of `.form-control` applied to each textual HTML5 `<input>` `type`.

Text
Search
Email
URL
Telephone
Password
Number
Date and Time
Date
Month
Week
Time
Color
Select
Datalists

#### Sizing

Set heights using classes like `.form-control-lg` and `.form-control-sm`.

Default input
Small Input
Large Input

#### Range Inputs

Create custom `<input type="range">` controls with `.form-range`.

Example Range
Disabled Eange

##### Min and max

Range inputs have implicit values for min and max—0 and 100, respectively.

##### Steps

By default, range inputs “snap” to integer values. To change this, you can specify a `step` value.

#### Checkboxes

##### Form Checkboxes

Form Checkbox
Form Checkbox checked

##### Form Checkboxes Right

Form Checkbox Right
Form Checkbox Right checked

##### Form Checkboxes colors

Add class `.form-check-*` for a color Checkboxes

Checkbox Primary
Checkbox Success
Checkbox Info
Checkbox Warning
Checkbox Danger

##### Form Checkboxes Outline

Add class `.form-checkbox-outline` & `.form-check-*` for a color Checkboxes

Checkbox Outline Primary
Checkbox Outline Success
Checkbox Outline Info
Checkbox Outline Warning
Checkbox Outline Danger

#### Radios

##### Form Radios

Form Radio
Form Radio checked

##### Form Radios Right

Form Radio Right
Form Radio Right checked

##### Form Radio colors

Add class `.form-radio-*` for a color Radios

Radio Primary
Radio Success
Radio Info
Radio warning
Radio Danger

##### Form Radio Outline

Add class `form-radio-outline` & `.form-radio-*` for a color Checkboxes

Radio Outline Primary
Radio Outline Success
Radio Outline Info
Radio Outline Warning
Radio Outline Danger

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

##### Switch examples

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

##### Switch sizes

Small Size Switch
Medium Size Switch
Large Size Switch

#### File browser

##### Default file input

Default file input example
Small file input example
Large file input example

##### Custom file input

With Label
Upload
Upload
With Button

##### Settings

###### Choose Layouts

Light Mode
Dark Mode
RTL Mode
Dark RTL Mode