Урок 25 · HTML

Один выбор и несколько галочек

Галочки можно отметить вместе. Круглые переключатели с одним name оставляют только один вариант.

Почему это следующий шаг

Подписи к текстовым полям уже есть. Дальше выбор без клавиатуры: да или нет, один из списка.

Как сделать

Чекбокс — это input type="checkbox". Несколько независимых галочек получают разные name. Радиокнопки одного вопроса делят один name и разные value. У каждой снова есть label. Выбранный по умолчанию пункт помечай checked только если это честный вариант, а не рекламная галочка.

<label><input type="checkbox" name="news"> Письмо раз в неделю</label>
<label><input type="radio" name="plan" value="base" checked> Базовый</label>
<label><input type="radio" name="plan" value="pro"> Полный</label>

Что проверить

• Две галочки можно включить одновременно.
• Из двух радиокнопок остаётся одна.
• У каждого варианта читается подпись, а не только квадратик.