Vous trouverez ci-dessous un exemple de la fonction du bouton radio dans votre navigateur.
Comment créer un bouton radio sur ma page Web HTML
Pour créer un bouton radio sur une page Web, utilisez la balise comme indiqué ci-dessous. Dans l'exemple ci-dessous, nous utilisons le code de l'exemple ci-dessus d'un bouton radio qui crée un bouton radio suivi du texte "Exemple 1".
Exemple 1
Si vous souhaitez que ce bouton d'option soit soumis par un visiteur de page Web, il doit être inclus dans une balise soumise dans le formulaire. Généralement, une fois soumis, il est envoyé à un script Perl, PHP ou Python qui peut saisir quel bouton radio a été sélectionné et effectuer l'action nécessaire.
Conseil: Si vous créez plusieurs boutons radio et que vous souhaitez empêcher la sélection de plusieurs boutons radio, utilisez le même attribut de nom pour tous vos boutons radio, mais utilisez un attribut de valeur unique. Par exemple, si nous utilisions le code ci-dessus et voulions créer un autre bouton radio, il s'appellerait toujours "exemple" mais aurait une valeur différente.
Remarque: Un bouton radio peut être créé pour permettre au visiteur de sélectionner plusieurs boutons radio. Cependant, pour éviter toute confusion, nous suggérons toujours d'utiliser des cases à cocher et non des boutons radio si vous souhaitez sélectionner plusieurs options.
Quelle est la différence entre une case à cocher et un bouton radio?
Une case à cocher est toujours une case carrée et permet de sélectionner un ou plusieurs éléments. Un bouton radio est généralement un cercle et ne permet de sélectionner qu'un seul élément. Si vous créez une liste nécessitant la sélection de plusieurs options, utilisez les cases à cocher. Si vous souhaitez qu'une seule option soit sélectionnée et que plusieurs options ne soient pas sélectionnées, utilisez un bouton radio.
Bouton, Case à cocher, Bouton-poussoir, Conditions du logiciel