Easy-Micro

LANGAGE Formulaire HTML
Balise HTML SELECT
La balise HTML de formulaire SELECT

La balise DATALIST

La balise Datalist (HTML5) est à insérer après une balise input de type list.

Choisissez votre navigateur :

Choisissez votre navigateur :
<input list="navigateurs" name="navigateurs">
<datalist id="navigateurs">
<option value="Firefox">
<option value="Internet Explorer">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>

La balise SELECT

La balise SELECT permet d'afficher, soit un menu déroulant, soit une liste fixe. Dans le cas de la liste fixe (un menu), on rajoute l'attribut multiple="true" dans la balise SELECT (sélections multiple). Par défaut, le SELECT ne permet qu'une seule sélection et donc apparait sous la forme d'une liste déroulante.

Exemple de menu déroulant:

Dans le body:
<select name="régions">
<option value="rien" selected="true">Sélectionnez votre région</option>
<optgroup label="Noms avec des A"></optgroup>
<option value="Alsace">Alsace</option>
<option value="Aquitaine">Aquitaine</option>
<option value="Auvergne">Auvergne</option>
<optgroup label="Noms avec des B"></optgroup>
<option value="Bouches - du - Rhône">Bouches - du - Rhône</option>
... voir le code source pour les autres régions...
</select>

Autre exemple :
La liste des départements français (avec leurs numméros):

Note: Je vous recommande de passer par le source de cette page si vous voulez récupérer cette superbe liste -:) N'hésitez-pas - servez-vous.

La liste des pays de la planète:


Note : si vous voulez que votre menu déroulant déclanche automatiquement l'action d'un formulaire, rajoutez un onChange dans votre balise SELECT comme ceci : onchange="this.form.submit();"

> Voir aussi un superbe exemple :-) de traitement Javascript sur une liste déroulante.
< Page précédente FORMULAIRE HTML Page suivante >