lexical corrections (#20380)
This commit is contained in:
GattoNero
committed by
Gregory Gubarev
Gregory Gubarev
parent
d7a5052faf
commit
867d25322d
@@ -6,8 +6,8 @@ localeTitle: Входы формы
|
||||
|
||||
Bootstrap поддерживает следующие элементы управления формой:
|
||||
|
||||
1. вход
|
||||
2. TextArea
|
||||
1. поле ввода данных
|
||||
2. текстовое поле
|
||||
3. флажок
|
||||
4. радио
|
||||
5. Выбрать
|
||||
@@ -16,11 +16,11 @@ Bootstrap поддерживает следующие элементы упра
|
||||
|
||||
#### 1\. Вход
|
||||
|
||||
Bootstrap поддерживает все типы ввода HTML5: текст, пароль, дату и время, дату-время, дату, месяц, время, неделю, число, адрес электронной почты, URL-адрес, поиск, тел и цвет.
|
||||
Bootstrap поддерживает все типы ввода данных HTML5: текст, пароль, дату и время, дату-время, дату, месяц, время, неделю, число, адрес электронной почты, URL-адрес, поиск, телефон и цвет.
|
||||
|
||||
**Примечание. Входы НЕ будут полностью оформлены, если их тип не будет правильно объявлен!**
|
||||
**Примечание. Поля ввода данных НЕ будут полностью оформлены, если их тип будет объявлен неправильно!**
|
||||
|
||||
Следующий пример содержит два входных элемента; один из типа текста и один из паролей типа:
|
||||
Следующий пример содержит два элемента ввода данных: один - для текста и один для пароля:
|
||||
|
||||
```html
|
||||
|
||||
@@ -34,7 +34,7 @@ Bootstrap поддерживает все типы ввода HTML5: текст,
|
||||
</div>
|
||||
```
|
||||
|
||||
#### 2\. Текстовая реклама
|
||||
#### 2\. Текстовое поле
|
||||
|
||||
Следующий пример содержит текстовое поле:
|
||||
|
||||
@@ -48,7 +48,7 @@ Bootstrap поддерживает все типы ввода HTML5: текст,
|
||||
|
||||
#### 3\. Флажки
|
||||
|
||||
Флажки используются, если вы хотите, чтобы пользователь выбирал любое количество опций из списка предустановленных параметров.
|
||||
Флажки используются, если вы хотите, чтобы пользователь выбирал любое количество опций из предустановленного списка.
|
||||
|
||||
Следующий пример содержит три флажка. Последняя опция отключена:
|
||||
|
||||
@@ -77,11 +77,11 @@ Bootstrap поддерживает все типы ввода HTML5: текст,
|
||||
<label class="checkbox-inline"><input type="checkbox" value="">Option 3</label>
|
||||
```
|
||||
|
||||
#### 4\. Кнопки радиосвязи
|
||||
#### 4\. Радиокнопки
|
||||
|
||||
Радиокнопки используются, если вы хотите ограничить пользователя одним выбором из списка предустановленных параметров.
|
||||
Радиокнопки используются, если вы хотите ограничить пользователя одним выбором из предустановленного списка.
|
||||
|
||||
Следующий пример содержит три переключателя. Последняя опция отключена:
|
||||
Следующий пример содержит три переключателя. Последний отключен:
|
||||
|
||||
```html
|
||||
|
||||
@@ -96,7 +96,7 @@ Bootstrap поддерживает все типы ввода HTML5: текст,
|
||||
</div>
|
||||
```
|
||||
|
||||
Используйте **класс .radio-inline,** если вы хотите, чтобы флажки отображались в одной строке:
|
||||
Используйте **класс .radio-inline,** если вы хотите, чтобы радиокнопки отображались в одной строке:
|
||||
|
||||
```html
|
||||
|
||||
@@ -105,11 +105,11 @@ Bootstrap поддерживает все типы ввода HTML5: текст,
|
||||
<label class="radio-inline"><input type="radio" name="optradio">Option 3</label>
|
||||
```
|
||||
|
||||
#### 5\. Выберите (Список)
|
||||
#### 5\. Выбор (Список)
|
||||
|
||||
Списки выбора используются, если вы хотите разрешить пользователю выбирать из нескольких вариантов.
|
||||
|
||||
Следующий пример содержит раскрывающийся список (выберите список):
|
||||
Следующий пример содержит раскрывающийся список (Список выбора):
|
||||
|
||||
```html
|
||||
|
||||
@@ -126,7 +126,7 @@ Bootstrap поддерживает все типы ввода HTML5: текст,
|
||||
|
||||
## Как сделать доступными загрузочные входы
|
||||
|
||||
В поля ввода должны быть метки или какой-либо другой идентификатор, например теги WAI-ARIA, чтобы соответствовать Web Рекомендации по доступности контента или [WCAG](https://www.w3.org/WAI/tutorials/forms/) для краткости. В порядке для считывателей экрана, чтобы точно передать пользователю, с какими метками связаны, с которыми вводятся метки должен ссылаться на соответствующий вход.
|
||||
У полей ввода данных должны быть метки или какой-либо другой идентификатор, например теги WAI-ARIA, чтобы соответствовать Руководству по обеспечению доступности Web-контент или [WCAG] (https://www.w3.org/WAI/tutorials/forms/) для краткости. Для того, чтобы экранные считывающие устройства точно сообщали пользователю, какие метки связаны с какими полями ввода, каждая метка должна ссылаться на соответствующее поля ввода.
|
||||
|
||||
Это можно сделать, используя параметр `for` в HTML:
|
||||
|
||||
@@ -136,8 +136,8 @@ Bootstrap поддерживает все типы ввода HTML5: текст,
|
||||
<input type="email" class="form-control" id="email-input" placeholder="Enter Email">
|
||||
```
|
||||
|
||||
Этикетка `for` атрибута **всегда** ссылается на поле ввода его **ID.** Это говорит читателю экрана что этот ярлык определенно подходит для этого поля ввода, что минимизирует путаницу для всех пользователей, которые используют читатель экрана для посещения веб-сайта.
|
||||
Этикетка `for` атрибута **всегда** ссылается на поле ввода по его **ID.** Это говорит экранному считывающему устройству, что этот ярлык определенно подходит для этого поля ввода, что минимизирует путаницу для всех пользователей, которые используют такие программы для посещения веб-сайтов.
|
||||
|
||||
### Дополнительная информация:
|
||||
|
||||
Примеры кода из [W3Schools - Input Bootstrap Form](https://www.w3schools.com/bootstrap/bootstrap_forms_inputs.asp) .
|
||||
Примеры кода из [W3Schools - Input Bootstrap Form](https://www.w3schools.com/bootstrap/bootstrap_forms_inputs.asp) .
|
||||
|
||||
Reference in New Issue
Block a user