Использование чекбоксов и радио кнопок онлайн урок.



В формах HTML можно использовать такие элементы, как флажки (checkbox) и переключатели (radiobutton). Основная разница между ними состоит в том, что флажки допускают множественный выбор из данных вариантов, а переключатели допускают только один.

Оба этих элементов создаются при помощи тега input со значениями атрибута type равным checkbox и radio соответственно

<input type='checkbox'>
<input type='radio'>


Для элемента флажок могут быть заданы атрибуты name, value, а также атрибут checked без значения. Если этот атрибут указан, то флажок отмечен, а иначе - нет. Например:



При отправке формы будут сформированы пары из значений атрибутов name тех элементов, которые были отмечены. Их значения будут равны on, т.е., например если отметить первый и третий флажок:

subscribe_sport=on&subscribe_cooking=on


Работа переключателей во многом похожа на флажки. Основным отличием является то, что атрибут name необходимо указывать одинаковым для нескольких переключателей. Это фактически группа элементов и может быть выбрано лишь одно значение. Также необходимо указать значение, которое соответствует каждому переключателю. Например:



Тут первый переключатель по умолчанию есть выбранным. При отправке формы будет сформирована пара значений name=value, которые соответствуют выбранному переключателю.

Проверьте свои знания
В форму из предыдущего задания добавить новые элементы: Gender - для выбора пола, и Application For - для выбора типа заявки c несколькими вариантами, которые можно комбинировать