Le bouton radio est un des contrôles plus utiles sur une page Web. il fonctionne comme une bascule et permet à un utilisateur de choisir une option. En cliquant sur un bouton sélectionne son option. En cliquant sur le bouton Nouveau supprime la sélection. Si votre page comporte des boutons multiples, les utilisateurs peuvent sélectionner toutes les options en cliquant sur tous les boutons. Parfois, vous pouvez limiter le choix de l’utilisateur. Si vous ajoutez deux boutons affichent « Master Card » et « Vista » comme options de checkout, seul choix est valide. Ces boutons pour limiter le choix de l’utilisateur à une option unique du groupe.
Difficulté : Modérément facile
Instructions
- Ouvrez l’un de vos documents de page HTML Web en utilisant le bloc-notes ou dans votre éditeur HTML.
- Collez le code HTML suivant n’importe où dans l’article « corps » du document :
rouge
bleu
Green
Cela crée trois boutons radio nommés « Couleurs ». Chaque bouton définit une option de couleur unique. Remarque la propriété « nom » de chaque bouton. En leur donnant le même nom, « Couleurs », vous regroupez. Sélection d’un bouton dans le groupe supprime les sélections d’autres boutons dans le groupe.
- Enregistrez le document HTML.
- Ouvrez l’Explorateur Windows et recherchez le fichier que vous avez enregistré. Double-cliquez dessus. Votre navigateur va ouvrir et afficher la page HTML Web contenant les trois boutons.
- Cliquez sur un des boutons. Puisqu’ils existent en tant que groupe, le code HTML seulement vous permettra de sélectionner une des options à la fois.
Conseils & avertissements
Pour faire un ou plusieurs boutons à agir de manière indépendante, donnez-lui un nom unique. Par exemple, pour prendre le bouton « vert » du groupe « couleurs », Nommez ce bouton « Colors2 » ou une autre valeur qui a une signification pour vous. Lorsque vous visualisez cette page Web, vous pouvez cliquer sur le bouton « vert » pour le sélectionner sans affecter les deux autres boutons.
