Case d'option

Une case d'option représente un élément de formulaire HTML sous la forme d'un bouton rond, qui peut être coché ou décoché.

Une case d'option est créée à l'aide de la balise input avec l'attribut type ayant la valeur radio. Apparence :

Une case d'option seule n'est pratiquement jamais utilisée ; il convient de les utiliser en groupe. Dans ce cas, une seule case du groupe peut être cochée. Les cases formeront un groupe uniquement si elles ont la même valeur pour l'attribut name (voir les exemples ci-dessous).

Exemple

Créons deux cases d'option : la première sera cochée (en définissant l'attribut checked), et la seconde - non. Ces cases représenteront un groupe dans lequel une seule d'entre elles peut être cochée (car elles ont la même valeur pour l'attribut name).

Notez que des valeurs différentes sont attribuées à ces cases d'option pour l'attribut value. Ceci est nécessaire pour qu'après l'envoi des données au serveur, PHP puisse déterminer quelle case a été sélectionnée :

<input type="radio" name="test" checked value="1">
<input type="radio" name="test" value="2">

Exemple

Maintenant, créons deux groupes de cases d'option : le premier groupe aura une valeur pour l'attribut name, et le second - une autre. Essayons de cliquer sur elles, et nous verrons que les groupes basculent indépendamment les uns des autres :

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

Voir aussi

case à cocher,
qui permet de créer une case à cocher
l'attribut checked,
qui rend la case d'option cochée
la pseudo-classe checked,
qui définit les styles pour les cases d'option cochées
l'attribut disabled,
qui désactive les éléments de formulaire
la balise label,
qui définit une étiquette pour la case d'option