Эта статья является прямым продолжением предыдущей. На этот раз мы познакомимся с еще одной интересной html-формой: выбор вариантов. Думаю что с ней встречались все кто когда-либо голосовал, участвовал в интернет-викторине и т.д.
Переключатели
С помощью этой формы Вы можете выбрать один ответ из предложенных. Пример:
Обратите внимание на то, что в атрибутах type и name всегда указывается одно и то же значение radio и genre. Для того чтобы при загрузке страницы маркер уже стоял на одном из вариантов ответа прописывается атрибут checked.
Флажки
Эта форма отличается от предыдущей тем, что здесь пользователь может выбрать из нескольких вариантов ответа, а также отменить выбор.
Пример:
При внимательном сравнении с предыдущим примером видно что изменения претерпели только значения атрибутов type, name и value.
Раскрывающийся список
Третья форма чем-то похожа на первую: возможность выбора только одного варианта ответа из представленных.
Пример:
Данная форма имеет несколько другую структуру. Во-первый тег select, который используется для создания раскрывающегося списка. Во-вторых тег option который, используется для указания вариантов ответа.
Список множественного выбора
Последнюю форму можно считать самой "нагруженной", но несмотря на это она мало чем отличается от предыдущей.
Пример:
Принципиальным нововведением здесь является только атрибуты size и multiple. Первый помогает задать количество видимых строк за раз (в данном случае их три), а второй позволяет выбрать сразу несколько вариантов ответа (не забываем при этом зажимать клавишу Ctrl).
Спасибо за внимание!
Если статья оказалась полезной предлагаю подписаться на канал. Не пропусти выход новых интересных статей!)
P.S. Если возникли трудности пишите в комментариях или в сообщениях канала. Отвечу на все и всем)
