Boutons radio

En HTML, les boutons radio servent à créer un ensemble d’options mutuellement exclusives, dans lequel l’utilisateur ne peut sélectionner qu’une seule option du groupe. Les boutons radio sont créés à l’aide de la balise <input>, avec l’attribut type défini sur "radio".

Voici la syntaxe de base pour créer un bouton radio en HTML :

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

• <input> : La balise qui définit le champ de saisie.
• type="radio" : Un attribut qui spécifie le type de saisie comme bouton radio.
• id : Un attribut qui donne au bouton radio un identifiant unique.

• name : Un attribut qui regroupe les boutons radio. Tous les boutons radio portant le même nom appartiennent au même groupe, et une seule option au sein d’un groupe peut être sélectionnée à la fois.

• value : Un attribut qui spécifie la valeur associée au bouton radio. Cette valeur est envoyée au serveur lorsque le formulaire est envoyé.

• <label> : Une balise qui fournit une étiquette cliquable pour le bouton radio. L’attribut for de l’étiquette doit correspondre à l’attribut id du bouton radio.

Voici un exemple de création d’un groupe de boutons radio :

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

Dans cet exemple, nous avons un formulaire comportant trois boutons radio, qui appartiennent tous au même groupe, car ils partagent le même attribut name ("mygroup"). Chaque bouton radio possède un id et une value uniques, ainsi qu'une étiquette correspondante. Lorsque l'utilisateur sélectionne l'une de ces options et envoie le formulaire, la valeur du bouton radio sélectionné sera envoyée au serveur.