Vidéo: HTML : Faire une Liste ou Menu Déroulant 2025
Les listes déroulantes dans les formulaires de votre site Web sont un excellent moyen d'offrir aux utilisateurs de nombreuses options dans un petit espace d'écran. Vous utilisez deux balises HTML pour créer une liste déroulante:
-
crée la liste.
Utilisez un attribut de nom avec l'élément pour nommer votre liste.
-
Une collection d'éléments identifie les options de liste individuelles.
L'attribut value attribue une valeur unique à chaque élément.
Voici un exemple de balisage pour une liste déroulante:
Quel est votre plat préféré?
Pizza Ice Cream Green Eggs et jambon
Le navigateur transforme ce marquage en une liste déroulante avec trois éléments, comme le montre la figure.
Vous pouvez également permettre aux utilisateurs de sélectionner plusieurs éléments dans une liste déroulante en modifiant les paramètres par défaut de votre liste:
-
Si vous voulez que vos utilisateurs puissent choisir plus d'une option (en maintenant la touche Ctrl [Windows] ou Commande [Mac] enfoncée tout en cliquant sur les options de la liste), ajoutez l'attribut multiple à l'étiquette. La valeur de multiple est multiple.
Si vous attribuez une valeur à un attribut autonome, cette valeur doit être identique au nom de l'attribut lui-même (c'est-à-dire que multiple et multiple = "multiple" sont légaux).
-
Par défaut, le navigateur affiche une seule option jusqu'à ce que l'utilisateur clique sur la flèche du menu déroulant pour afficher le reste de la liste. Utilisez l'attribut size avec la balise pour spécifier le nombre d'options à afficher.
Si vous spécifiez moins que le nombre total d'options, le navigateur inclut une barre de défilement avec la liste déroulante.
Vous pouvez spécifier que l'une des options de la liste déroulante soit déjà sélectionnée lorsque le navigateur charge la page, tout comme vous pouvez spécifier une case à cocher ou un bouton radio à sélectionner. Ajoutez simplement l'attribut sélectionné pour le tag que vous voulez par défaut. Utilisez-le quand un choix est très probable, sachant que les utilisateurs peuvent remplacer votre sélection par défaut rapidement et facilement.
