Cases à cocher

En HTML, les cases à cocher sont utilisées pour créer un ensemble d'options où l'utilisateur peut sélectionner plusieurs options dans le groupe. Les cases à cocher sont créées à l'aide de la balise <input> avec l'attribut type défini sur "checkbox".

Voici la syntaxe de base pour créer une case à cocher en HTML :

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

• <input>: La balise qui définit le champ de saisie.
• type="checkbox": Un attribut qui spécifie le type d'entrée comme une case à cocher.
• id: Un attribut qui donne à la case à cocher un identifiant unique.

• name: Un attribut qui regroupe les cases à cocher ensemble. Contrairement aux boutons radio, plusieurs cases à cocher avec le même nom peuvent être sélectionnées en même temps.
• value: Un attribut qui spécifie la valeur associée à la case à cocher. Cette valeur est envoyée au serveur lorsque le formulaire est soumis.

• <label> : une balise qui fournit une étiquette cliquable pour la case à cocher. L'attribut for de l'étiquette doit correspondre à l'attribut id de la case à cocher.

Voici un exemple de création d'un groupe de cases à cocher :

<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>

Dans cet exemple, nous avons un formulaire avec trois cases à cocher, appartenant toutes au même groupe car elles partagent le même attribut name (« mygroup »). Chaque case à cocher possède un id et une value uniques, ainsi qu'une étiquette correspondante. Lorsque l'utilisateur sélectionne une ou plusieurs de ces options et soumet le formulaire, les valeurs des cases à cocher sélectionnées seront envoyées au serveur.