<select>

Résumé

L'élément HTML <select> (pour Select) représente un contrôle qui présente un menu avec des options. Les options de ce menu sont représentées par des éléments <option> pouvant être regroupées par des éléments <optgroup>. Les options peuvent également être pré-sélectionnées.

Attributs

Cet élément inclut les attributs globaux.

autofocus HTML5
Cet attribut booléen permet de spécifier si oui ou non la page devrait sélectionner le contrôle après son chargement (sauf si l'utilisateur remplit un autre contrôle). Un seul élement form par document peut avoir un attribut autofocus.
disabled
Cet attribut booléen indique que le contrôle ne peut pas être utilisé. Si l'attribut n'est pas renseigné, le contrôle inhérite du paramètre de l'élément parent, éventuellement un élémént <fieldset>. S'il n'a pas d'ancêtre avec l'attribut disabled renseigné, le contrôle est alors actif.
form HTML5
L'élément formulaire auquel cet élément est associé (son formulaire « propriétaire »). La valeur de cet attribut doit être l'identifiant (ou id) d'un élément {HTMLElement("form")}} présent dans le même document. Si cet attribut n'est pas spécifié, l'élément <select> doit être un descendant d'un élément <form>. Cet attribut permet de disposer des éléments <select> au sein du document sans qu'ils soient directement descendants de leur formulaire.
multiple
Cet attribut booléen indique si oui ou non, plusieurs options peuvent être choisies simultanément dans la liste. S'il n'est pas renseigné, une seule option peut être choisie à la fois.
selected
Préselectionne l'élément <option> dans le <select>
name
Le nom du contrôle.
required HTML5
Un attribut booléen indiquant si une option (dont le contenu n'est pas une chaîne de caractères vide) doit être sélectionnée.
size
Si le contrôle est présenté sous la forme d'une liste déroulante, cet attribut représente le nombre de lignes qui doivent être visibles. Les navigateurs n'ont pas l'obligation de présenter de tels éléments dans une liste déroulante. La valeur par défaut est 0.
Note relative à Firefox : Selon la spécification HTML5, la valeur par défaut pour cet attribut devrait être 1. Cependant, il a été observé en pratique que cela casse certains sites web. En outre, aucun navigateur actuel ne se comporte de cette manière. Mozilla a donc pour l'instant décidé de continuer à utiliser 0 comme valeur par défaut.

Exemple

<!-- La deuxième valeur sera sélectionnée au début -->
<select name="select">
  <option value="value1">Valeur 1</option> 
  <option value="value2" selected>Valeur 2</option>
  <option value="value3">Valeur 3</option>
</select>

Résultat

Note : Le contenu de cet élément est statique et ne peut pas être édité. Si vous souhaitez émuler un texte éditable avec un élément <fieldset> contenant des boutons radios et des boîtes de texte (cf. <input>), veuillez consulter cet exemple (écrit seulement avec du CSS et sans JavaScript).

Spécifications

Spécification Statut Commentaires
HTML5 Candidate Recommendation  
HTML 4.01 Specification Recommendation  

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support simple 1.0 1.0 (1.7 ou moins) (Oui) (Oui) (Oui)
attribut required (Oui) 4.0 (2.0) 10 (Oui) (Oui)
Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple (Oui) 1.0 (1.0) (Oui) (Oui) (Oui)
attribut required (Oui) 4.0 (2.0) Pas de support (Oui) (Oui)

Pièces jointes

Fichier Taille Date Joint par
Editable select
Simulating an editable select through a fieldset of radioboxes and inputboxes.
5437 octets 2013-01-12 10:17:59 fusionchess

Étiquettes et contributeurs liés au document

Contributeurs ayant participé à cette page : Julien.stuby, tregagnon, SphinxKnight, Julien STUBY, teoli
Dernière mise à jour par : tregagnon,