От автора code.mu: РЕПЕТИТОР математика физика информатика
Для школьников и студентов. Подтягивание пробелов. ЦЭ, ЦТ, ОГЭ, ЕГЭ.
Идет набор на ЛЕТО. Жмите для подробностей:)
56 of 133 menu

Флажок 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,
    который задает подсказку для чекбокса
Русский
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить