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

Радио переключатель

Радио переключатель представляет собой элемент HTML формы в виде круглой кнопочки, которая может быть отмечена и нет.

Радио кнопочка создается с помощью тега input с атрибутом type в значении radio. Внешний вид:

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

Пример

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

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

<input type="radio" name="test" checked value="1"> <input type="radio" name="test" value="2">

:

Пример

А теперь давайте сделаем две группы радио переключателей: первая группа будет иметь одно значение атрибута name (radio1), а вторая - другое (radio2). Попробуем понажимать по ним, и увидим, что группы переключаются независимо друг от друга:

<input type="radio" name="radio1" checked> <input type="radio" name="radio1"> <input type="radio" name="radio1"> <br> <input type="radio" name="radio2" checked> <input type="radio" name="radio2"> <input type="radio" name="radio2">

:

Смотрите также

  • чекбокс,
    с помощью которого можно реализовать флажок
  • атрибут checked,
    который делает радио переключатель отмеченным
  • псевдокласс checked,
    который задает стили для отмеченных радио
  • атрибут disabled,
    который блокирует элементы форм
  • тег label,
    который задает подсказку для радио