HTML - Menu Select

  »   HTML  »   Tutoriel HTML - Menus listes déroulantes

Les listes 'déroulantes' sont un des types de listes les plus pratiques. Vous êtes probablement déja tombés sur elles partout sur internet, mais sans en savoir le nom.

html<select name="my_html_select_box">

	<option>New York </option>
	<option>Bucharest</option>
	<option>Madrid</option>

</select>

Demo

Le navigateur montrera automatiquement la première option. Cela peut etre changé avec l'aide de l'attribut 'selected' cependant.

html<select name="my_html_select_box">

	<option>New York </option>
	<option selected="yes">Bucharest</option>
	<option>Madrid</option>

</select>

Demo

HTML - Formulaires de sélection

Nous utiliserons l'attribut size pour changer une liste déroulante en un formulaire de sélection

html<select name="my_html_select_box" size="3">

	<option>New York </option>
	<option>Bucharest</option>
	<option>Madrid</option>

</select>

Demo

HTML - Multiple sélections

Au cas où l'utilisateur veut choisir plus d'une option, nous rendrons le procédé plus facile avec l'aide le d'attribut multiple.

html<select name="my_html_select_box" multiple="yes" size="3">

	<option>New York </option>
	<option>Bucharest</option>
	<option>Madrid</option>

</select>

Demo

Il doit être compris que cet attribut ne fonctionnera pas avec une liste déroulante, et seulement quand l'attribut size est défini.