Радиокнопки

В HTML радиокнопки используются для создания набора взаимоисключающих вариантов, где пользователь может выбрать только один вариант из группы. Радиокнопки создаются с помощью тега <input> с атрибутом type, установленным в значение "radio".

Вот базовый синтаксис для создания переключателя (radio button) в HTML:

<input type="radio" id="option1" name="radiogroup" value="option1">
<label for="option1">Option 1</label>

• <input>: тег, который определяет поле ввода.
• type="radio": атрибут, который указывает тип ввода как переключатель (radio button).
• id: атрибут, который присваивает переключателю уникальный идентификатор.

• name: Атрибут, который группирует радиокнопки. Все радиокнопки с одинаковым именем принадлежат к одной группе, и только один вариант в группе может быть выбран одновременно.

• value: Атрибут, который определяет значение, связанное с переключателем (radio button). Это значение отправляется на сервер при отправке формы.

• <label>: Тег, который предоставляет кликабельную метку для переключателя. Атрибут for метки должен совпадать с атрибутом id переключателя.

Вот пример того, как создать группу переключателей:

<form>
	<input type="radio" id="option1" name="mygroup" value="option1">
	<label for="option1">Option 1</label>
	<br>
	
	<input type="radio" id="option2" name="mygroup" value="option2">
	<label for="option2">Option 2</label>
	<br>
	
	<input type="radio" id="option3" name="mygroup" value="option3">
	<label for="option3">Option 3</label>
	<br>
</form>

В этом примере у нас есть форма с тремя переключателями (radio buttons), которые относятся к одной группе, так как у них общий атрибут name ("mygroup"). Каждый переключатель имеет уникальные id и value, а также соответствующую метку. Когда пользователь выбирает один из этих вариантов и отправляет форму, значение выбранного переключателя будет отправлено на сервер.