<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.

• Catégories de contenu Contenu de flux, contenu phrasé, contenu associé aux formulaires (listed, labelable, submittable, resettable), contenu interactif.
• Contenu autorisé Zéro ou plusieurs <option> ou <optgroup>.
• Omission de balises Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires
• Élément parents autorisés Tout élément acceptant du contenu phrasé.
• Interface DOM HTMLSelectElement

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.

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.

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

Valeur 1Valeur 2Valeur 3

Spécifications

Compatibilité des navigateurs