HTML <input type="radio">
❮ Attribut de type HTML <input>
Exemple
Les boutons radio permettent à un utilisateur de sélectionner un seul choix parmi un nombre limité :
<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 normalement présentés dans des groupes radio (une collection de boutons radio décrivant un ensemble d'options associées). Un seul bouton radio dans un groupe peut être sélectionné à la fois.
Remarque : Le groupe radio doit avoir le même nom (la valeur de l' name
attribut) pour être traité comme un groupe. Une fois le groupe radio créé, la sélection d'un 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 radio sur une page que vous le souhaitez, tant que chaque groupe a son propre nom.
Remarque : L' value
attribut définit la valeur unique associée à chaque bouton radio. La valeur n'est pas montrée à l'utilisateur, mais c'est la valeur qui est envoyée au serveur lors de la "soumission" pour identifier le bouton radio qui a été sélectionné.
Conseil : Ajoutez toujours la <label>
balise pour les meilleures pratiques d'accessibilité !
Prise en charge du navigateur
Attribute | |||||
---|---|---|---|---|---|
type="radio" | Yes | Yes | Yes | Yes | Yes |
Syntaxe
<input type="radio">
❮ Attribut de type HTML <input>