L’ élément HTML select permet de créer un menu déroulant dans un formulaire.
Il est utilisé avec l’élément form pour créer le formulaire, et l’ élémentoption pour la liste d’options.

<form>
<select>
<option>ipsum</option>
<option>dolor</option>
<option>sit amet</option>
</select>
</form>

Attributs

Attribut : disabled

Permet de bloquer le menu déroulant.

Exemple

HTML
<form>
<select disabled="disabled">
<option>ipsum</option>
<option>dolor</option>
<option>sit amet</option>
</select>
</form>

Attribut : selected

Sélectionne le champs par défaut à utilisé.

Exemple

HTML
<form>
<select>
<option selected="selected">ipsum</option>
<option>dolor</option>
<option selected="selected">sit amet</option>
</select>
</form>

Attribut : mutiple

Permet de faire plusieurs sélections.

Exemple

HTML
<form>
<select multiple="multiple">
<option>ipsum</option>
<option>dolor</option>
<option>sit amet</option>
</select>
</form>

Attribut : size

Permet de définir le nombre d’option visible.

Exemple

HTML
<form>
<select size="2">
<option>ipsum</option>
<option>dolor</option>
<option>sit amet</option>
</select>
</form>

Attribut : tabindex

Permet de spécifier l’ordre de tabulation des liens, celui qui possède le plus petit chiffre sera tabulé en premier.

Exemple

HTML
<form>
<select tabindex="2">
<option>ipsum</option>
<option>dolor</option>
</select><br />
<select tabindex="1">
<option>Lorem</option>
<option>sit amet</option>
</select>
</form>

Attribut : class

Permet de spécifier la classe css à utiliser sur le menu.

Exemple

HTML
<form>
<select class="menu">
<option>ipsum</option>
<option>dolor</option>
<option>sit amet</option>
</select>
</form>
CSS
.menu{
background-color:chocolate;
}

Attribut : id

Permet de spécifier l’identifiant css à utiliser sur le menu.

Exemple

HTML
<form>
<select id="menu">
<option>ipsum</option>
<option>dolor</option>
<option>sit amet</option>
</select>
</form>
CSS
#corps{
font-weight:bolder;
background-color:yellow;
}

Attribut : title

Permet de mettre une infobulle sur le menu.

Exemple

HTML
<form>
<select title="menu">
<option>ipsum</option>
<option>dolor</option>
<option>sit amet</option>
</select>
</form>

Attribut : dir

Permet de spécifier le sens d’écriture des textes du menu. Elle prend 2 valeurs :
- ltr : Left To Right : de gauche à droite(valeur par défaut).
- rtl : Right To Left : de droite à gauche.

Exemple

HTML
<form>
<select dir="rtl">
<option>أعلنت واندونيسيا،, الى حاملات الأمريكي، قد, </option>
<option>معركة المدنيون بـ أخر.</option>
</select>
</form>

Attribut : style

Permet d’appliquer un style au corps directement dans le html, sans avoir besoin d’une feuille de style.

Exemple

HTML
<form>
<select style="font-style:italic; background-color:red;">
<option>ipsum</option>
<option>dolor</option>
<option>sit amet</option>
</select>
</form>

Attribut : lang

Permet de spécifier la langue du menu.

Exemple

HTML
I use :
<form>
<select lang="en">
<option>Windows</option>
<option>Linux</option>
<option>my hands</option>
</select>
</form>

I use :