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

Радио переключатель представляет собой элемент 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`,
  который задает подсказку для радио

← →
↑