Значение checkbox
Синтаксис
HTML
XHTML
<input type="checkbox">
Описание
Тип checkbox (от англ. "check box" ‒ «флажок») создаёт флажок.
Внешний вид
‒ флажок;
‒ наведение курсора;
‒ фокус;
‒ активация.
Примечание
На сервер вместе с остальными данными формы отправляются только имена и значения активированных флажков.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
| Верс. | Раздел | |
|---|---|---|
| HTML | ||
| 2.0 | Check Box: INPUT TYPE=CHECKBOX | Перевод |
| 3.2 | INPUT text fields, radio buttons, check boxes, ... | |
| 4.01 | 17.4.1 Control types created with INPUT DTD: Transitional
Strict
Frameset
|
|
| 5.0 | 4.10.5.1.12 Checkbox state (type=checkbox) | |
| 5.1 | 4.10.5.1.16. Checkbox state (type=checkbox) | |
| XHTML | ||
| 1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
|
| 1.1 | Extensible HyperText Markup Language | |
Сопутствующие атрибуты
- autofocus
- Автоматческая фокусировка на флажке после полной загрузки страницы.
- checked
- Активация флажка.
checked="checked" - disabled
- Блокировка флажка.
disabled="disabled" - form
- Присоединение флажка к форме.
- name
- Присвоение флажку имени (идентификатора).
- required
- Указывает что флажок обязателен для активации.
- value
- Указывает значение отправляемое на сервер.
- Глобальные атрибуты
- accesskey, class, contenteditable, data-*, dir, draggable, dropzone, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Значение checkbox (input-type)</title>
</head>
<body>
<h1>Пример с флажком "type=checkbox"</h1>
<p>Выберите необходимые значения:</p>
<p>
<label><input type="checkbox" value="one"> - 1</label><br>
<label><input type="checkbox" value="two"> - 2</label><br>
<label><input type="checkbox" value="three"> - 3</label>
</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Значение checkbox (input-type)</title>
</head>
<body>
<h1>Пример с флажком "type=checkbox"</h1>
<p>Выберите необходимые значения:</p>
<p>
<label><input type="checkbox" value="one"> - 1</label><br>
<label><input type="checkbox" value="two"> - 2</label><br>
<label><input type="checkbox" value="three"> - 3</label>
</p>
</body>
</html>
Значение checkbox (input-type)