Comment créer des boutons radio pour votre HTML5 et CSS3 pages Web en fonction

Les boutons radio sont utilisés pour les pages web HTML5 et CSS3 lorsque vous souhaitez laisser l'utilisateur choisir une seule option d'un groupe. Vous pouvez voir un exemple d'un groupe de bouton radio en action.

Les boutons radio peuvent sembler similaires aux cases à cocher, mais ils ont quelques différences importantes:

  • Un seul peut être vérifiée à la fois. Le terme bouton de radio provenaient des autoradios de style ancien. Lorsque vous avez poussé le bouton pour une station, tous les autres boutons sauté hors.




  • Ils doivent être dans un groupe. Les boutons radio de sens que dans un contexte de groupe. Le point d'un bouton radio est d'interagir avec son groupe.

    image0.jpg
  • Ils ont tous le même nom! Chaque bouton radio a son propre ID (comme d'autres éléments d'entrée), mais ils ont aussi un attribut. L'attribut indique le groupe un bouton radio est.

  • Vous pouvez avoir plus d'un groupe sur une page. Il suffit d'utiliser un attribut différent pour chaque groupe.

  • L'un d'eux doit être sélectionné. Le groupe doit toujours avoir une valeur et une seule. Certains navigateurs vérifient le premier élément dans un groupe par défaut, mais juste au cas où, vous devez sélectionner l'élément que vous voulez sélectionné. Ajoutez l'attribut à l'élément que vous voulez sélectionné lorsque la page apparaît. Dans cet exemple, l'option la plus coûteuse a été présélectionné, tout cela au nom de la vente suggestive.

Voici un code qu'il explique tout:

radioButtons.html

» » » » Comment créer des boutons radio pour votre HTML5 et CSS3 pages Web en fonction