Bouton radio - Radio button

Un bouton radio ou un bouton d' option est un élément de contrôle graphique qui permet à l'utilisateur de choisir une seule option parmi un ensemble prédéfini d'options mutuellement exclusives. La propriété singulière d'un bouton radio le distingue d'une case à cocher, qui permet de sélectionner plus d'un (ou aucun) élément et de restaurer l'état non sélectionné.

Les boutons radio sont organisés en groupes de deux ou plus et affichés à l'écran comme, par exemple, une liste de trous circulaires pouvant contenir un espace blanc (pour non sélectionné) ou un point (pour sélectionné). Chaque bouton radio est normalement accompagné d'une étiquette décrivant le choix que le bouton radio représente. Les choix s'excluent mutuellement ; lorsque l'utilisateur sélectionne un bouton radio, tout bouton radio précédemment sélectionné dans le même groupe est désélectionné (ce qui fait qu'un seul peut être sélectionné). La sélection d'un bouton radio se fait en cliquant avec la souris sur le bouton, ou la légende, ou en utilisant un raccourci clavier.

Il est possible qu'au départ aucun des boutons radio d'un groupe ne soit sélectionné. Cet état non sélectionné ne peut pas être restauré en interagissant avec le widget de bouton radio, bien que cela puisse être possible via d'autres éléments de l'interface utilisateur. Lorsqu'il est utilisé dans un formulaire HTML, si aucun bouton dans un groupe n'est coché, aucune paire nom-valeur n'est transmise lorsque le formulaire est soumis. Par exemple, pour un groupe de boutons radio nommé Sexe avec les options Homme et Femme, la variable Sexe ne serait pas transmise, même avec une valeur vide.


Étymologie

Une radio avec une rangée de cinq boutons pop-out

Les boutons radio ont été nommés d'après les boutons physiques utilisés sur les anciennes radios pour sélectionner les stations préréglées - lorsque l'un des boutons était enfoncé, d'autres boutons sortaient, laissant le bouton enfoncé le seul bouton en position "enfoncé".

HTML

Dans les formulaires Web , l' élément HTML est utilisé pour afficher un bouton radio. Exemple: <input type="radio">

<form>
    <input type="radio" name="season" value="winter" checked>Winter
    <input type="radio" name="season" value="spring">Spring
    <input type="radio" name="season" value="summer">Summer
    <input type="radio" name="season" value="autumn">Autumn
</form>

Un groupe d'attributs est défini par son nom. Dans un groupe, un seul bouton radio peut être choisi.

Unicode

La version 6 de la norme Unicode comprend un caractère désigné pour représenter un bouton radio (🔘) au point de code 128 280 (U+1F518), trouvé dans la section Divers symboles et pictogrammes . Les caractères similaires sont l' opérateur point encerclé (⊙) (U+2299), fisheye (◉) (U+25C9) et bullseye (◎) (U+25CE).

La police Wingdings 2 contient aux positions 153 et 158 ​​des glyphes qui ressemblent à des boutons radio.

Voir également

Les références

Liens externes