Флажок checkbox

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

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

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

Пример

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

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

:

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

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

<input type="checkbox" disabled>

:

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

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

<input type="checkbox" disabled checked>

:

Смотрите также

  • радио переключатели,
    с помощью которых можно сделать выбор
  • атрибут checked,
    который делает флажок чекбокс отмеченным
  • псевдокласс checked,
    который задает стили для отмеченных чекбоксов
  • атрибут disabled,
    который блокирует элементы форм
  • тег label,
    который задает подсказку для чекбокса