Прапорець checkbox - галочка в html формі, трепачёв дмитрий
Основні теги
службові теги
- doctype
версія html - html
головний тег на сторінці - head
службове вміст сторінки - body
основний вміст сторінки - title
заголовок всієї сторінки - link
підключення CSS - style
підключення CSS
на HTML сторінці - script
підключення скриптів - meta
службові команди
- form
форма - input
поле введення - checkbox
прапорець чекбокс - radio
радіо перемикач - password
поле для пароля - submit
кнопка відправки форми - reset
кнопка скидання форми - button
кнопка - textarea
многострочное поле введення - select
випадаючий список - option
пункт списку - optgroup
угруповання пунктів - label
мітка для поля введення - fieldset
угруповання полів форми - legend
підпис над угрупованням полів - datalist
автозаповнення
Атрибути для форм
- name
ім'я поля введення - type
тип поля введення - value
вміст поля введення - placeholder
підказка в полі введення - checked
зазначений прапорець - selected
обраний пункт списку - disabled
неактивний елемент - form
зв'язок з формою - required
обов'язковість для заповнення - pattern
перевірка
по регулярному виразу - autofocus
автоматичний фокус - autocomplete
скасовує автозаповнення - enctype
спосіб кодування - spellcheck
правопис - tabindex
перехід
через клавішу tab - accesskey
гарячі клавіші - list
зв'язок з тегом datalist
рідкісні теги
Основні атрибути
- table
таблиця - tr
ряд таблиці - td
осередок таблиці - th
осередок-заголовок таблиці - tbody
основна частина таблиці - tfoot
нижня частина таблиці - thead
верхня частина таблиці - caption
заголовок всієї таблиці
Атрибути для таблиць
- cellpadding
відступ від кордону
(Застарів в HTML5) - cellspacing
відступ між осередками
(Застарів в HTML5) - colspan
об'єднання
колонок таблиці - rowspan
об'єднання
рядів таблиці
Теги HTML5 для макета
- header
хедер
верхня частина сторінки - main
контент
основний вміст сторінки - aside
сайдбар
бокова частина сторінки - footer
футер
нижня частина сторінки - nav
навігація (меню) - article
TODO. сайту - section
TODO розділ сайту
Атрибути для макетів
медіа теги
напрямок тексту
- code
код - var
змінна - samp
результат скрипта - kbd
текст, набраний на клавіатурі - xmp
теги як звичайний текст
(Тег нестандартний)
рідкісні атрибути
- data
для зберігання даних в js - dir
напрямок тексту
TODO опис невірно! - lang
мова тексту - contenteditable
редагування тексту - hidden
приховування елемента
Прапорець checkbox є елементом (галочку або пташку) HTML форми. який може мати два стани: відзначений і не відзначений.
Результат виконання коду:
Зазначений чекбокс буде посилати на сервер вміст атрибута value. Якщо атрибута value у чекбокса немає - він буде посилати рядок "on". Якщо чекбокс не зазначено - нічого не буде надсилатися на сервер не залежно від наявності атрибута value.
Див. Також атрибут checked. який робить прапорець чекбокс зазначеним за замовчуванням.
Див. Також псевдоклас checked. який задає стилі для зазначених чекбоксів або радіо.
Див. Також атрибут disabled. який блокує елементи форм, і псевдокласи disabled і enabled. які задають стилі заблокованим і незаблокованим елементам.
Див. Також тег label. який можна використовувати разом з чекбоксами (і з іншими елементами форми теж).
В даному прикладі зроблені два прапорці checkbox: перший буде відзначений (так як йому дано атрибут checked), а другий - ні:
Результат виконання коду:
Приклад. заблокований чекбокс
В даному прикладі демонструється заблокований за допомогою атрибута disabled прапорець. При натисканні на нього його стан не буде змінюватись:
Результат виконання коду:
Приклад. Заблокований і відзначений чекбокс
В даному прикладі прапорець заблокований атрибутом disabled і при цьому знаходиться в зазначеному стані, так як йому заданий атрибут checked.
Результат виконання коду:
Основні теги
службові теги
- doctype
версія html - html
головний тег на сторінці - head
службове вміст сторінки - body
основний вміст сторінки - title
заголовок всієї сторінки - link
підключення CSS - style
підключення CSS
на HTML сторінці - script
підключення скриптів - meta
службові команди
- form
форма - input
поле введення - checkbox
прапорець чекбокс - radio
радіо перемикач - password
поле для пароля - submit
кнопка відправки форми - reset
кнопка скидання форми - button
кнопка - textarea
многострочное поле введення - select
випадаючий список - option
пункт списку - optgroup
угруповання пунктів - label
мітка для поля введення - fieldset
угруповання полів форми - legend
підпис над угрупованням полів - datalist
автозаповнення
Атрибути для форм
- name
ім'я поля введення - type
тип поля введення - value
вміст поля введення - placeholder
підказка в полі введення - checked
зазначений прапорець - selected
обраний пункт списку - disabled
неактивний елемент - form
зв'язок з формою - required
обов'язковість для заповнення - pattern
перевірка
по регулярному виразу - autofocus
автоматичний фокус - autocomplete
скасовує автозаповнення - enctype
спосіб кодування - spellcheck
правопис - tabindex
перехід
через клавішу tab - accesskey
гарячі клавіші - list
зв'язок з тегом datalist
рідкісні теги
Основні атрибути
- table
таблиця - tr
ряд таблиці - td
осередок таблиці - th
осередок-заголовок таблиці - tbody
основна частина таблиці - tfoot
нижня частина таблиці - thead
верхня частина таблиці - caption
заголовок всієї таблиці
Атрибути для таблиць
- cellpadding
відступ від кордону
(Застарів в HTML5) - cellspacing
відступ між осередками
(Застарів в HTML5) - colspan
об'єднання
колонок таблиці - rowspan
об'єднання
рядів таблиці
Теги HTML5 для макета
- header
хедер
верхня частина сторінки - main
контент
основний вміст сторінки - aside
сайдбар
бокова частина сторінки - footer
футер
нижня частина сторінки - nav
навігація (меню) - article
TODO. сайту - section
TODO розділ сайту
Атрибути для макетів
медіа теги
напрямок тексту
- code
код - var
змінна - samp
результат скрипта - kbd
текст, набраний на клавіатурі - xmp
теги як звичайний текст
(Тег нестандартний)
рідкісні атрибути
- data
для зберігання даних в js - dir
напрямок тексту
TODO опис невірно! - lang
мова тексту - contenteditable
редагування тексту - hidden
приховування елемента