@@include("partials/main.html") @@include("partials/title-meta.html", {"title": "Forms Elements"}) @@include("partials/head-css.html") @@include("partials/body.html")
@@include("partials/menu.html")
@@include("partials/page-title.html", {"pagetitle": "Forms", "title": "Forms 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

#### Sizing

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

#### Range Inputs

Set horizontally scrollable range inputs using `.form-control-range`.

##### Example

##### Custom Range

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

Toggle this switch element
Disabled switch element

#### File browser

The file input is the most gnarly of the bunch and requires additional JavaScript if you’d like to hook them up with functional Choose file… and selected file name text.

@@include("partials/footer.html")
@@include("partials/right-sidebar.html") @@include("partials/vendor-scripts.html")