Vidéo: Les formulaires - Part IV - Chap 2 (Créez votre site web avec HTML5 et CSS3) 2025
Les boutons radio sont utilisés pour les pages Web HTML5 et CSS3. une option d'un groupe. Vous pouvez voir un exemple de groupe de boutons radio en action.
Les boutons radio peuvent sembler similaires aux cases à cocher, mais ils présentent des différences importantes:
-
Un seul peut être vérifié à la fois. Le terme radio vient des autoradios à l'ancienne. Lorsque vous avez appuyé sur le bouton d'une station, tous les autres boutons ont sauté.
-
Ils doivent être dans un groupe. Les boutons radio n'ont de sens que dans un contexte de groupe. Le point d'un bouton radio est d'interagir avec son groupe.
-
Ils ont tous le même nom! Chaque bouton radio a son propre ID (comme les autres éléments d'entrée), mais ils ont aussi un attribut. L'attribut indique le groupe dans lequel se trouve un bouton radio.
-
Vous pouvez avoir plusieurs groupes sur une page. Utilisez simplement un attribut différent pour chaque groupe.
-
L'un d'entre eux doit être sélectionné. Le groupe doit toujours avoir une valeur et une seule. Certains navigateurs vérifient par défaut le premier élément d'un groupe, mais dans le cas contraire, vous devez sélectionner l'élément que vous voulez sélectionner. Ajoutez l'attribut à l'élément que vous voulez sélectionner lorsque la page apparaît. Dans cet exemple, l'option la plus chère a été présélectionnée, le tout au nom de la vente suggestive.
Voici un code qui explique tout:
radioButtons. html Combien voulez-vous dépenser?Trop
Beaucoup trop
Vous plaisantez.
