Vidéo: HTML : Cases à cocher et boutons radio 2025
Lorsque vous créez un formulaire de collecte de données pour votre site Web, si seulement un ensemble fini de valeurs possibles est disponible pour l'utilisateur, vous pouvez lui donner une collection de options à choisir:
-
Cases à cocher: Choisissez plusieurs options.
-
Boutons radio: Choisissez une seule option.
Les cases d'option diffèrent des cases à cocher d'une manière importante: les utilisateurs peuvent sélectionner un seul bouton radio parmi un ensemble d'options, mais peuvent sélectionner n'importe quel nombre de cases à cocher (y compris aucune, une ou plusieurs).
Si de nombreux choix sont disponibles (plus d'une demi-douzaine), utilisez une liste déroulante à la place des cases d'option ou des cases à cocher.
Pour créer des cases d'option et des cases à cocher, procédez comme suit:
-
Utilisez l'élément avec l'attribut type défini sur radio ou sur la case à cocher.
-
Créez chaque option avec ces attributs:
-
name: Donnez un nom à l'option.
-
valeur: Spécifie quelle valeur est renvoyée si l'utilisateur sélectionne l'option.
-
Vous pouvez également utiliser l'attribut checked (avec une valeur de checked) pour spécifier qu'une option doit déjà être sélectionnée lorsque le navigateur affiche le formulaire. C'est un bon moyen de spécifier une sélection par défaut.
Ce balisage montre comment formater les cases à cocher et les boutons radio:
Quels sont vos aliments préférés?
- Pizza
- Glace
- Oeufs verts et jambon
Quel est votre sexe?
- Homme
- Femme
Le résultat est indiqué sur cette figure.
Dans le balisage précédent, chaque ensemble d'options utilise le même nom pour chaque contrôle d'entrée, mais donne une valeur différente à chaque option. Vous donnez à chaque élément d'un ensemble d'options le même nom pour indiquer au navigateur qu'il fait partie d'un ensemble.
Si vous le souhaitez, vous pouvez sélectionner autant de cases à cocher que vous le souhaitez par défaut dans le balisage de la page - il suffit d'inclure checked = "checked" dans chaque élément que vous voulez sélectionner à l'avance.
