Флажок checkbox представляет собой элемент (галочку или птичку) HTML формы, который может иметь два состояния: отмечен и не отмечен.

Флажок создается с помощью тега input с атрибутом type в значении checkbox (понажимайте на него мышкой - вы увидите как он меняет свое состояние с отмеченного на неотмеченное и наоборот):

<input type="checkbox">

Результат выполнения кода:

Отмеченный чекбокс будет посылать на сервер содержимое атрибута value. Если атрибута value у чекбокса нет - он будет посылать строку "on". Если чекбокс не отмечен - ничего не будет присылаться на сервер не зависимо от наличия атрибута value.

См. также радио переключатели.

См. также атрибут checked, который делает флажок чекбокс отмеченным по умолчанию.

См. также псевдокласс checked, который задает стили для отмеченных чекбоксов или радио.

См. также атрибут disabled, который блокирует элементы форм, и псевдоклассы disabled и enabled, которые задают стили заблокированным и незаблокированным элементам.

См. также тег label, который можно использовать вместе с чекбоксами (и с другими элементами формы тоже).

Примеры

Пример

В данном примере сделаны два флажка checkbox: первый будет отмечен (так как ему дан атрибут checked), а второй - нет:

<input type="checkbox" checked> <input type="checkbox">

Результат выполнения кода:

Пример . Заблокированный чекбокс

В данном примере демонстрируется заблокированный с помощью атрибута disabled флажок. При нажатии на него его состояние не будет менятся:

<input type="checkbox" disabled>

Результат выполнения кода:

Пример . Заблокированный и отмеченный чекбокс

В данном примере флажок заблокирован атрибутом disabled и при этом находится в отмеченном состоянии, так как ему задан атрибут checked:

<input type="checkbox" disabled checked>

Результат выполнения кода: