САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

HTML Тег <input type="radio">

❮ HTML <input> атрибуты type


Пример

Переключатели позволяют пользователю выбрать только один из ограниченного числа вариантов:

<input type="radio" id="male" name="gender" value="male">
<label for="male">Мужской</label><br>
<input type="radio" id="female" name="gender" value="female">
<label for="female">Женский</label><br>
<input type="radio" id="other" name="gender" value="other">
<label for="other">другое</label>
Попробуйте сами »

Определение и использование

Параметр <input type="radio"> определяет переключатель.

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

Примечание: Радиогруппа должна иметь общее имя (значение атрибута name), которое будет рассматриваться как группа. После создания группы радио выбор любого переключателя в этой группе автоматически отменяет выбор любого другого выбранного переключателя в той же группе. Вы можете иметь столько групп радио на странице, сколько хотите, если каждая группа имеет свое собственное имя.

Примечание: Атрибут value определяет уникальное значение, связанное с каждым переключателем. Это значение не отображается пользователю, является значением, которое отправляется на сервер для определения того, какой переключатель был выбран.

Совет: Всегда добавляйте тег <label> для лучшей доступности!


Поддержка браузеров

Атрибут
type="radio" Да Да Да Да Да

Синтаксис

<input type="radio">

❮ HTML <input> атрибуты type