HTML <input type="radio">
Exemple
Les boutons radio permettent à un utilisateur de sélectionner uniquement un des choix disponibles :
<input type="radio" id="html" name="fav_language" value="HTML">
<label for="html">HTML</label><br>
<input type="radio" id="css" name="fav_language" value="CSS">
<label for="css">CSS</label><br>
<input type="radio" id="javascript" name="fav_language" value="JavaScript">
<label for="javascript">JavaScript</label> Définition et utilisation
Le <input type="radio"> définit un bouton radio.
Les boutons radio sont généralement présentés dans des groupes (une collection de boutons radio décrivant un ensemble d'options connexes). Un seul bouton radio dans un groupe peut être sélectionné à la fois.
Remarque : Le groupe de boutons radio doit partager le même nom (la valeur de l'attribut name ) pour être considéré comme un groupe. Une fois le groupe créé, la sélection de n'importe quel bouton radio dans ce groupe désélectionne automatiquement tout autre bouton radio sélectionné dans le même groupe. Vous pouvez avoir autant de groupes de boutons radio sur une page que vous le souhaitez, tant que chaque groupe a son propre nom.
Remarque : L'attribut value définit la valeur unique associée à chaque bouton radio. Cette valeur n'est pas affichée à l'utilisateur, mais c'est celle qui est envoyée au serveur lors de la soumission pour identifier quel bouton radio a été sélectionné.
Astuce : Ajoutez toujours la balise <label> pour de meilleures pratiques d'accessibilité !
Support des navigateurs
| Attribut | |||||
|---|---|---|---|---|---|
| type="radio" | Oui | Oui | Oui | Oui | Oui |
Syntaxe
<input type="radio">