HTML Тег <input type="radio">
Пример
Переключатели позволяют пользователю выбрать только один из ограниченного числа вариантов:
<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">