Balise SELECT
Rôle
La balise <select> est utilisée pour créer une liste déroulante d’options (voir option).
Testez vous-même cette balise
Utilisez Codepen.
Voici le resultat
Compatibilité
La balise <select> est pris en charge par tous les principaux navigateurs.
Attributs spécifiques
Attributs spécifiques à cet élément
- autofocus
- Permet de mettre le focus sur la liste
Syntaxe :
<select autofocus>... - disabled
- Permet de vérouiller l’utilisation de la liste
Syntaxe :
<select disabled>... - form
- >Spécifie l’idendifiant (attribut ID) du formulaire auquel l’élément appartient. Cet attribut permet à un élément d’être utilisé à l’extérieur à la balise <form> (attention, pas pris en charge par Internet Explorer)
Syntaxe :
<select form="form1" >... - multiple
- Spécifie qu’il est possible de faire plusieurs sélections (attribut déconseillé au profit des cases à cocher).
Syntaxe :
<select multiple >... - name
- Spécifie le nom de la balise select .
Syntaxe :
<select name="fruit" >... - required
- Spécifie que l’utilisateur doit choisir une valeur avant de soumettre le formulaire (pris en charge par aucun navigateur).
Syntaxe :
<select required >... - size
- Indique le nombre d’options visibles dans la liste déroulante..
Syntaxe :
<select size="3" >...
La balise <select> prend aussi en charge les attributs globaux
Attibuts de type événement
La balise <select> prend en charge les événements de type formulaire.
La balise <select> prend aussi en charge les événements souris
Voir les autres balises pour l’intégration d’un formulaire
button– datalist– fieldset– form– input– keygen– label– legend– meter– optgroup– option– output– progress– textarea
