Que sont les boutons HTML Radio?
Dans un document HTML (HyperText Markup Language), les boutons radio sont un type d’élément visuel pouvant être sélectionné par un utilisateur. Les boutons radio HTML sont uniques car ils offrent plusieurs options à l'utilisateur, mais ne permettent de sélectionner qu'une seule des options données à la fois. L’une des utilisations les plus courantes des boutons radio HTML consiste à capturer un choix dans les formulaires de saisie utilisateur, bien que les événements de sélection et de désélection puissent être interceptés par des scripts ou d’autres programmes, leur permettant de servir de sélecteurs instantanés pour d’autres éléments sur. une page web. Grâce aux feuilles de style en cascade (CSS) et à JavaScript®, les boutons radio HTML peuvent utiliser des images personnalisées pour l'affichage, en remplaçant leur apparence par défaut. Des exemples de situations dans lesquelles des boutons radio HTML peuvent être utilisés incluent la sélection d'un sexe, qui ne peut avoir qu'une valeur parmi deux options différentes, ou la sélection d'une seule adresse de livraison lorsque plusieurs adresses sont répertoriées.
Sous certains aspects, les boutons radio HTML sont similaires aux cases à cocher HTML. Chaque bouton se voit attribuer une étiquette d'image ou de texte qui s'affiche lorsqu'il se trouve dans une mise en page. À côté de cette étiquette, un cercle est vide lorsque le bouton radio n'est pas sélectionné et contient un point ou un autre motif de remplissage lorsqu'il est sélectionné. Un utilisateur peut cliquer sur le cercle pour le sélectionner. L'aspect unique des boutons radio HTML est que, lorsqu'un bouton est sélectionné, tous les autres boutons du même groupe sont désélectionnés, ce qui permet de ne sélectionner qu'un élément à la fois. Ceci est différent des cases à cocher, qui sont similaires mais permettent de sélectionner un nombre quelconque d’options à la fois.
Il existe deux valeurs dans les propriétés des boutons radio HTML qui sont importantes pour leur utilisation. Le premier est le champ de nom qui identifie le groupe auquel un bouton radio appartient dans un document HTML, et le second est le champ de valeur. Lorsqu'un bouton est sélectionné, tous les autres boutons radio du même nom, également appelés leur groupe, sont désélectionnés. L'utilisation de noms de groupe différents permet à différents ensembles de boutons radio d'exister dans le même document. La balise value est la valeur de retour réelle du bouton radio lorsqu'il est sélectionné et soumis à un script ou à un programme pour traitement.
L'affichage visuel des boutons radio HTML peut être modifié de plusieurs manières. Grâce à l'utilisation des valeurs d'alignement HTML et CSS standard, les boutons peuvent être organisés de manière dynamique dans un document de la même manière qu'une image est alignée. L'aspect des boutons, en particulier les images de cercle et de cercle sélectionnées, peut être entièrement personnalisé et remplacé par des images générées par l'utilisateur en manipulant le modèle d'objet de document (DOM) avec CSS et JavaScript®, bien que la prise en charge du navigateur ne soit pas toujours cohérente à partir d'une application. à un autre.