Чекбоксы

В HTML флажки (checkboxes) используются для создания набора опций, где пользователь может выбрать несколько вариантов из группы. Флажки создаются с помощью тега <input> с атрибутом type, установленным в значение "checkbox".

Вот базовый синтаксис для создания чекбокса в HTML:

<input type="checkbox" id="option1" name="checkboxgroup" value="option1">
<label for="option1">Option 1</label>

• <input>: Тег, который определяет поле ввода.
• type="checkbox": Атрибут, который указывает тип ввода как флажок.
• id: Атрибут, который присваивает флажку уникальный идентификатор.

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

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

Вот пример того, как создать группу флажков:

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

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