HTML <input type="радио">
Пример
Радиокнопки позволяют пользователю выбрать только один из ограниченного числа вариантов:
<input type="radio" id="html" name="fav_language" value="HTML">
<label
for="html">HTML</label><br>
<input type="radio" id="css" name="fav_language"
value="CSS">
<label for="css">CSS</label><br>
<input type="radio" id="javascript"
name="fav_language" value="JavaScript">
<label for="javascript">JavaScript</label>
Определение и использование
<input type="radio">
определяет переключатель .
Радиокнопки обычно представлены в радиогруппах (набор радиокнопок, описывающих набор связанных опций). Одновременно может быть выбрана только одна радиокнопка в группе.
Примечание. Группа радиоканалов должна иметь одно и то же имя (значение name
атрибута), чтобы ее можно было рассматривать как группу. После создания группы переключателей выбор любого переключателя в этой группе автоматически отменяет выбор любого другого выбранного переключателя в той же группе. На странице может быть столько радиогрупп, сколько вы хотите, если каждая группа имеет свое имя.
Примечание. Этот value
атрибут определяет уникальное значение, связанное с каждым переключателем. Значение не отображается пользователю, но является значением, которое отправляется на сервер при «отправке», чтобы определить, какой переключатель был выбран.
Совет. Всегда добавляйте <label>
тег, чтобы обеспечить лучшую доступность!
Поддержка браузера
Attribute | |||||
---|---|---|---|---|---|
type="radio" | Yes | Yes | Yes | Yes | Yes |
Синтаксис
<input type="radio">