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

#### Form layouts

##### Form groups

First Name
Email
Password
Check me out

##### Horizontal form

First name
Email
Password
Remember me

##### Inline forms layout

Name
Username
@
Remember me

##### Inline forms layout used by hstack

#### Sizing

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

Default input
Form Small input
Form Large input

#### Range Inputs

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

Example range

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

#### Radios

##### Form Radios

Form Radio
Form Radio checked

##### Form Radios Right

Form Radio Right
Form Radio Right checked

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

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

#### Radios

##### Form Radios

Form Radio
Form Radio checked

##### Form Radios Right

Form Radio Right
Form Radio Right checked

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

##### Theme Customizer

###### Layout

Vertical
Horizontal

###### Layout Mode

Light
Dark

###### Layout Width

Fluid
Boxed

###### Layout Position

Fixed
Scrollable

###### Topbar Color

Light
Dark

###### Direction

LTR
RTL

##### Offcanvas right

...