Формы: чекбоксы (checkbox). Урок 15. Чекбоксы (checkbox) похожи на радио кнопки, основное отличие заключается в том, что можно выбрать несколько чекбоксов из группы (или все, или ни одного). Атрибут type должен иметь значение checkbox, именно это и определяет, что мы имеем дело с чекбоксами. Атрибут name должен иметь разные значения для всех объектов группы, т.е. в данном случае это уникальные имена для каждого чекбокса в группе. Атрибут checked определяет, какой чекбокс изначально выбран.
© Перепечатка разрешается с установкой ссылки на ресурс http://koci.inumo.ru
15. Формы: чекбоксы (checkbox).
Чекбоксы (checkbox) похожи на радио кнопки, основное отличие заключается в том, что можно выбрать несколько чекбоксов из группы (или все, или ни одного).
Функционал чекбоксов обеспечивает тег <input />, также как и для радиокнопок, при этом есть следующие особенности:
А вот описание всей группы чекбоксов должно быть вынесено за пределы первого тега <label> и должно находиться перед первым чекбоксом.
Напишем теперь коды для установки на тестовую страничку:
Наша тестовая страничка после данного урока:
article_015.html ← кликните, чтобы посмотреть, как выглядит пример на данном сайте...
article_015.zip ← скачайте пример, чтобы установить на свой сайт...
Функционал чекбоксов обеспечивает тег <input />, также как и для радиокнопок, при этом есть следующие особенности:
- type="checkbox" - атрибут type должен иметь значение checkbox, именно это и определяет, что мы имеем дело с чекбоксами.
- name="ez", name="hr", name="sv" - атрибут name должен иметь разные значения для всех объектов группы, т.е. в данном случае это уникальные имена для каждого чекбокса в группе.
- value="" - атрибут value в данном случае необязателен, его можно опустить или сделать пустым.
- checked="checked" - атрибут checked определяет, какой чекбокс изначально выбран, т.е. в активном состоянии.
А вот описание всей группы чекбоксов должно быть вынесено за пределы первого тега <label> и должно находиться перед первым чекбоксом.
Напишем теперь коды для установки на тестовую страничку:
<p>Какими инструментами для экономии времени Вы пользуетесь?</p> <p> <label><input type="checkbox" name="ez" value="" />Ежедневник</label> <label><input type="checkbox" name="hr" value="" checked="checked" />Хронометраж</label> <label><input type="checkbox" name="sv" value="" />Свои наработки</label> </p>
article_015.html ← кликните, чтобы посмотреть, как выглядит пример на данном сайте...
article_015.zip ← скачайте пример, чтобы установить на свой сайт...
*** Машина-Функционал для передвижения по страничкам курса HTML ***
Вы кликнули поясняющий рисунок, который показывает, как работает тот или иной функционал. Кликать эти рисунки не надо, нет смысла.
Эти рисунки надо просто смотреть, а тексты к ним читать. Кликать кнопки следует на самом функционале.
Эти рисунки надо просто смотреть, а тексты к ним читать. Кликать кнопки следует на самом функционале.
Тропинка к данной страничке:
ГлавСтр :: Урок_00 :: Урок_01 :: Урок_01.4 :: Лаба_1 :: Урок_01.5 :: Урок_01.6 :: Урок_02 :: Урок_03 :: Урок_04 :: Урок_05 :: Урок_06 :: Урок_07 :: Урок_08 :: Урок_09 :: Урок_10 :: Урок_11 :: Урок_12 :: Урок_13 :: Урок_14 :: Урок 15
Следующие странички, рекомендуемые для посещения и изучения:
Урок 16
Страничка сделана на основе контента курса HTML сайта kocby.ru