L’HTML est un langage de programmation qui permet de créer des sites web. Une des fonctionnalités les plus courantes de l’HTML est la liste déroulante. Une liste déroulante est un menu qui permet à l’utilisateur de sélectionner une option parmi plusieurs. Les listes déroulantes sont très utiles pour afficher des informations de manière organisée et facilement accessible. Dans cet article, nous allons vous montrer comment tester une liste déroulante en HTML afin de vous assurer qu’elle fonctionne correctement.
HTML : Tester une liste déroulante
Ce que l’on va faire ici
- Dans cette page HTML, test d’une liste déroulante.
Liens utiles
- http://www.w3schools.com/tags/tag_select.asp
- http://www.w3schools.com/jsref/dom_obj_select.asp
- http://www.blooberry.com/indexdot/html/topics/selectwidth.htm
- Pour mémoire :
- size définit le nombre de ligne visible dans la liste
- le paramètre css width définit la largeur
Truc utile
Le code HTML
<!– Debut de la page –>
<html>
<!– Debut entete –>
<head>
<meta charset=« utf-8 » /> <!– Encodage de la page –>
<title>Titre </title> <!– Titre de la page –>
</head>
<!– Fin entete –>
<!– Debut Corps de page –>
<body >
<select style=« width: 300px » name=« Boite de selection »>
<option value=« Choix 1 » label=« Volvo »>Volvo</option>
<option value=« Choix 2 » label=« Audi »>Audi</option>
<option value=« Choix 3 » label=« Renault »>Renault</option>
<option value=« Choix 4 » label=« Peugeot »>Peugeot</option>
</select>
</body>
<!– Fin de corps de page –>
</html>
<!– Fin de la page –>
