---
title: Form Inputs
---
## Form Inputs
Bootstrap supports the following form controls:
1. input
2. textarea
3. checkbox
4. radio
5. select
## Example Code Snippets
#### 1. Input
Bootstrap supports all the HTML5 input types: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, and color.
**Note: Inputs will NOT be fully styled if their type is not properly declared!**
The following example contains two input elements; one of type text and one of type password:
```html
```
#### 2. Textarea
The following example contains a textarea:
```html
```
#### 3. Checkboxes
Checkboxes are used if you want the user to select any number of options from a list of preset options.
The following example contains three checkboxes. The last option is disabled:
```html
```
Use the **.checkbox-inline** class if you want the checkboxes to appear on the same line:
```html
```
#### 4. Radio Buttons
Radio buttons are used if you want to limit the user to just one selection from a list of preset options.
The following example contains three radio buttons. The last option is disabled:
```html
```
Use the **.radio-inline** class if you want the checkboxes to appear on the same line:
```html
```
#### 5. Select (List)
Select lists are used if you want to allow the user to pick from multiple options.
The following example contains a dropdown list (select list):
```html
```
## How to make Bootstrap Inputs Accessible
Input fields should have labels or some other form of identifier such as WAI-ARIA tags to meet the Web
Content Accessibility Guidelines or [WCAG](https://www.w3.org/WAI/tutorials/forms/) for short. In order
for screen readers to accurately convey to a user what labels are associated with which inputs the labels
should reference the corresponding input.
This can be done by utlizing the `for` parameter in the HTML:
```html
```
The label `for` attribute **always** references the input field by its **ID**. This tells the screen reader
that this label is definitely for this input field which will minimize confusion for any users who are using
a screen reader to visit a web site.
### More Information:
Code examples are from [W3Schools - Bootstrap Form Inputs](https://www.w3schools.com/bootstrap/bootstrap_forms_inputs.asp).