Les Listes déroulantes

Comment afficher une liste de choix ?

Il y a trois façons de proposer un choix à un utilisateur :

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.

A propos de l'auteur

Nicolas Galle

Nicolas Galle est développeur web sénior pour l'agence SEO Aseox.