L’élément <select> est utilisé pour créer une liste déroulante d’options parmi lesquelles l’utilisateur peut choisir. Il est généralement utilisé dans les formulaires lorsque l’utilisateur doit sélectionner une option parmi un ensemble prédéfini. Il est toujours utilisé en association avec des éléments <option>. Les éléments <option> définissent les différentes options de la liste déroulante.

L’élément <select> possède également plusieurs attributs permettant de modifier son comportement, notamment :

• name : nom de l’élément select, utilisé lors de la soumission du formulaire ;

• size : nombre d’options visibles dans la liste déroulante ;

• multiple : si présent, permet à l’utilisateur de sélectionner plusieurs options ;

• disabled : si présent, désactive l’élément select.

Pour diviser une liste en groupes distincts et indépendants, vous pouvez utiliser la balise <optgroup>. L'attribut label permet d'attribuer un titre au groupe.

Remarque

Par défaut, la première <option> est sélectionnée dans la liste. Pour modifier ce comportement, vous pouvez ajouter l'attribut selected à n'importe quel élément <option>.