---
title: Form Inputs
localeTitle: Входы формы
---
## Входы формы
Bootstrap поддерживает следующие элементы управления формой:
1. вход
2. TextArea
3. флажок
4. радио
5. Выбрать
## Примеры фрагментов кода
#### 1\. Вход
Bootstrap поддерживает все типы ввода HTML5: текст, пароль, дату и время, дату-время, дату, месяц, время, неделю, число, адрес электронной почты, URL-адрес, поиск, тел и цвет.
**Примечание. Входы НЕ будут полностью оформлены, если их тип не будет правильно объявлен!**
Следующий пример содержит два входных элемента; один из типа текста и один из паролей типа:
```html
```
#### 2\. Текстовая реклама
Следующий пример содержит текстовое поле:
```html
```
#### 3\. Флажки
Флажки используются, если вы хотите, чтобы пользователь выбирал любое количество опций из списка предустановленных параметров.
Следующий пример содержит три флажка. Последняя опция отключена:
```html
```
Используйте **класс .checkbox-inline,** если вы хотите, чтобы флажки отображались в одной строке:
```html
```
#### 4\. Кнопки радиосвязи
Радиокнопки используются, если вы хотите ограничить пользователя одним выбором из списка предустановленных параметров.
Следующий пример содержит три переключателя. Последняя опция отключена:
```html
```
Используйте **класс .radio-inline,** если вы хотите, чтобы флажки отображались в одной строке:
```html
```
#### 5\. Выберите (Список)
Списки выбора используются, если вы хотите разрешить пользователю выбирать из нескольких вариантов.
Следующий пример содержит раскрывающийся список (выберите список):
```html
```
## Как сделать доступными загрузочные входы
В поля ввода должны быть метки или какой-либо другой идентификатор, например теги WAI-ARIA, чтобы соответствовать Web Рекомендации по доступности контента или [WCAG](https://www.w3.org/WAI/tutorials/forms/) для краткости. В порядке для считывателей экрана, чтобы точно передать пользователю, с какими метками связаны, с которыми вводятся метки должен ссылаться на соответствующий вход.
Это можно сделать, используя параметр `for` в HTML:
```html
```
Этикетка `for` атрибута **всегда** ссылается на поле ввода его **ID.** Это говорит читателю экрана что этот ярлык определенно подходит для этого поля ввода, что минимизирует путаницу для всех пользователей, которые используют читатель экрана для посещения веб-сайта.
### Дополнительная информация:
Примеры кода из [W3Schools - Input Bootstrap Form](https://www.w3schools.com/bootstrap/bootstrap_forms_inputs.asp) .