Les Listes déroulantes
Comment afficher une liste de choix ?
Il y a trois façons de proposer un choix à un utilisateur :
- Par des listes déroulantes
- Par des cases à cocher
- Par des boutons radios
Les listes déroulantes
La balise <select> délimite la liste déroulante. Plusieurs choix sont proposés et c'est la balise <option> qui introduit ce choix.
Aperçu :
Code XHTML :
<select name="titre"> <option value="Mme" selected="selected">Madame</option> <option value="Mlle">Mademoiselle</option> <option value="Mr">Monsieur</option> </select>
Dans cet exemple, nous proposons à l'utilisateur de choisir son titre. Evidemment, une personne ne peut pas être une demoiselle et un monsieur à la fois.
C'est là l'intérêt des listes déroulantes. En effet, elles sont utilisées lorsqu'il s'agit d'en choisir une et une seule valeur parmi plusieurs proposées. La valeur de l'attribut value nous sera utile au moment de l'envoi des valeurs sélectionnées. L'attribut selected indique une sélection par défaut de l'option Madame.
Consultez les tutoriaux suivants pour enrichir vos formulaires de cases à cocher et de boutons radios.