Перейти к содержанию

Переключатели

type="radio"

Переключатели позволяют посетителям сайта выбрать только один вариант из предложенных.

name

Атрибут name отправляется серверу вместе со значением выбранного переключателя. Когда ответ на вопрос подразумевает выбор одного из нескольких вариантов, все переключатели, формирующие список ответов, должны иметь одинаковое значение атрибута name.

Код
<form action="https://www.primer.ru/profile.php">
    <p>Пожалуйста, выберите любимый жанр музыки: 
    <br />
        <input type="radio" name="genre" 
        value="rock" checked="checked" />Рок
        <input type="radio" name="genre" 
        value="pop" />Поп
        <input type="radio" name="genre" 
        value="techno" />Электроника
    </p>
</form>
Результат

Если переключатель был установлен, сбросить его уже нельзя.

Единственное, что может сделать пользователь — выбрать другой вариант ответа.

Если ваш вопрос содержит один-единственный ответ и вы хотите предоставить посетителю возможность сбросить переключатель, вместо переключателей используйте флажки
(следующая страница).

value

Атрибут value устанавливает значение выбранного переключателя, отправляемое серверу.

Значение каждого переключателя должно быть уникальным внутри группы (чтобы сервер знал, какой вариант ответа выбрал посетитель).

checked

Атрибут checked указывает, какой из предлагаемых вариантов должен быть выбран по умолчанию при загрузке страницы (если это необходимо).

Атрибут принимает единственное значение - checked(1).

Данный атрибут должен быть установлен только у одного переключателя из группы.

  1. Checked (англ.) - установлен.