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 :