~~~ KOCI.INUMO.RU ~~~
Формы: радио кнопки. Урок 14. Радио кнопки представляют собой группу взаимоисключающих элементов (т.е. из группы должен быть выбран один элемент, только один и обязательно один). Функционал радио кнопок обеспечивает тег <input />. При этом есть следующие особенности. Атрибут type должен иметь значение radio, именно это и определяет, что мы имеем дело с радио кнопками. Атрибут name должен иметь одинаковое значение для всех объектов группы, т.е. в данном случае это имя группы кнопок, а не одной кнопки. Атрибут value определяет, что будет передано, если выбрана данная радио кнопка, значения для радио кнопок одной группы должны быть разными. Атрибут checked определяет, какая радиокнопка выбрана изначально.
© Перепечатка разрешается с установкой ссылки на ресурс http://koci.inumo.ru
14. Формы: радио кнопки.
Радио кнопки представляют собой группу взаимоисключающих элементов (т.е. из группы должен быть выбран один элемент, только один и обязательно один).
Функционал радио кнопок обеспечивает тег <input />, также как и для текстов и паролей, при этом есть следующие особенности:
А вот описание всей группы кнопок должно быть вынесено за пределы первого тега <label> для радиокнопки и должно находиться перед первой радиокнопкой.
Напишем теперь коды для установки на тестовую страничку:
Наша тестовая страничка после данного урока:
article_014.html ← кликните, чтобы посмотреть, как выглядит пример на данном сайте...
article_014.zip ← скачайте пример, чтобы установить на свой сайт...
Функционал радио кнопок обеспечивает тег <input />, также как и для текстов и паролей, при этом есть следующие особенности:
- type="radio" - атрибут type должен иметь значение radio, именно это и определяет, что мы имеем дело с радио кнопками.
- name="time1" - атрибут name должен иметь одинаковое значение для всех объектов группы, т.е. в данном случае это имя группы кнопок, а не одной кнопки.
- value="yes" - атрибут value определяет, что будет передано, если выбрана данная радио кнопка, значения для радио кнопок одной группы должны быть разными.
- checked="checked" - атрибут checked определяет, какая радиокнопка выбрана изначально. Вместо несколько тавтологичного выражения checked="checked" можно писать в старом стиле просто checked, но мы стараемся придерживаться современных правил.
А вот описание всей группы кнопок должно быть вынесено за пределы первого тега <label> для радиокнопки и должно находиться перед первой радиокнопкой.
Напишем теперь коды для установки на тестовую страничку:
<form action="formdata.php" method="POST" name="form1"> <p><label>Имя (макс 32 символа): <input type="text" name="name1" size="32" maxlength="32" /></label></p> <p><label>Пароль (макс 6 символов): <input type="password" name="pas1" size="10" maxlength="6" /></label></p> <p>Любите ли Вы экономить время? ::::: <label>Да<input type="radio" name="time1" value="yes" checked="checked" /></label> ... или ... <label>Нет<input type="radio" name="time1" value="no" /></label> </p> </form>
article_014.html ← кликните, чтобы посмотреть, как выглядит пример на данном сайте...
article_014.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
Страничка сделана на основе контента курса HTML сайта kocby.ru