Флажки
Флажки (жарг. чекбоксы) используют, когда необходимо выбрать произвольное количество вариантов из предложенных или поставить галочку в одном пункте. Если требуется выбор одного варианта из нескольких, то для этого следует предпочесть переключатели (radiobutton). Флажок создается следующим образом.
<input type="checkbox">
Атрибуты флажков перечислены в табл. 1.
Атрибут | Описание |
---|---|
name | Имя флажка для идентификации поля. |
disabled | Блокирует флажок для выбора. |
form | Идентификатор формы для связывания флажка с элементом <form>. |
type | Для флажка значение должно быть checkbox. |
checked | Предварительное выделение флажка. |
value | Задаёт, какой текст будет отправлен на сервер. |
autofocus | Элемент получает фокус после загрузки документа. |
required | Перед отправкой формы обязательно следует поставить галочку. |
Как обычно, флажки нельзя вкладывать внутрь ссылок и кнопок.
Использование флажков показано в примере 1.
Пример 1. Создание флажков
Поскольку флажки здесь являются одной группой, то значение атрибута name у них одинаковое. В результате получим следующее (рис. 1).
Рис. 1. Вид флажков в браузере
См. также
- <input>
- Выравнивание элементов форм
- Загрузка файлов
- Кнопки
- Кнопки
- Отправка данных формы
- Переключатели
- Переключатели
- Поле для ввода пароля
- Поле для пароля
- Пользовательские формы
- Построение форм
- Скрытое поле
- Стилизация переключателей
- Стилизация флажков
- Сумасшедшие формы
- Текстовое поле
- Текстовое поле
- Флажки
- Формы в Bootstrap 4
- Формы в HTML
Автор и редакторы
Последнее изменение: 02.06.2020
Редакторы: Влад Мержевич