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 où l'utilisateur doit choisir parmi un ensemble d'options prédéfini.
Il est toujours utilisé en conjonction avec des éléments `<option>`. Les éléments `<option>` définissent les éléments individuels dans la liste déroulante.

PGZvcm0gb25zdWJtaXQ9InJldHVybiBmYWxzZSI+CiAgPHNlbGVjdD4KICAgIDxvcHRpb24gdmFsdWU9InRvbWF0byI+dG9tYXRvPC9vcHRpb24+CiAgICA8b3B0aW9uIHZhbHVlPSJjdWN1bWJlciI+Y3VjdW1iZXI8L29wdGlvbj4KICAgIDxvcHRpb24gdmFsdWU9ImxldHR1Y2UiPmxldHR1Y2U8L29wdGlvbj4KICA8L3NlbGVjdD4KICA8YnV0dG9uIHR5cGU9InN1Ym1pdCI+U3VibWl0PC9idXR0b24+CjwvZm9ybT4=

L'élément `<select>` possède également plusieurs attributs qui peuvent être utilisés pour modifier son comportement, notamment :

- `name` : le nom de l'élément select, utilisé lors de la soumission du formulaire ;
- `size` : le 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 séparés et non liés, vous pouvez utiliser la balise `<optgroup>`. L'attribut `label` est utilisé pour attribuer un titre au groupe.

PGZvcm0gb25zdWJtaXQ9InJldHVybiBmYWxzZSI+CiAgPGxhYmVsIGZvcj0ic3BvcnQiPkZhdm9yaXRlIFNwb3J0PC9sYWJlbD4KICA8c2VsZWN0IG5hbWU9InNwb3J0IiBpZD0ic3BvcnQiPgogICAgPG9wdGdyb3VwIGxhYmVsPSJUZWFtIHNwb3J0Ij4KICAgICAgPG9wdGlvbiB2YWx1ZT0ic29jY2VyIj5zb2NjZXI8L29wdGlvbj4KICAgICAgPG9wdGlvbiB2YWx1ZT0iYmFza2V0YmFsbCI+YmFza2V0YmFsbDwvb3B0aW9uPgogICAgICA8b3B0aW9uIHZhbHVlPSJob2NrZXkiPmhvY2tleTwvb3B0aW9uPgogICAgPC9vcHRncm91cD4KCiAgICA8b3B0Z3JvdXAgbGFiZWw9IkluZGl2aWR1YWwgc3BvcnQiPgogICAgICA8b3B0aW9uIHZhbHVlPSJib3hpbmciPmJveGluZzwvb3B0aW9uPgogICAgICA8b3B0aW9uIHZhbHVlPSJzd2ltbWluZyI+c3dpbW1pbmc8L29wdGlvbj4KICAgICAgPG9wdGlvbiB2YWx1ZT0ic2tpaW5nIj5za2lpbmc8L29wdGlvbj4KICAgIDwvb3B0Z3JvdXA+CiAgPC9zZWxlY3Q+CiAgPGJ1dHRvbiB0eXBlPSJzdWJtaXQiPlN1Ym1pdDwvYnV0dG9uPgo8L2Zvcm0+

> Remarque
>
> Par défaut, la première `<option>` est choisie dans la liste. Si vous souhaitez la modifier, vous pouvez fournir l'attribut `selected` à n'importe quel élément `<option>`.

Apprenez les bases du HTML (HyperText Markup Language), le fondement du développement web. Ce cours convivial pour les débutants couvre les balises, les attributs, les éléments et la structuration des pages web. Acquérez des compétences pratiques dans la création de titres, de paragraphes, de listes, d'images, de liens, de formulaires et de tableaux. Explorez les meilleures pratiques, l'optimisation et l'accessibilité web. Commencez votre parcours de développement web avec HTML.

Explorez le fonctionnement interne du web. Apprenez comment les données circulent à travers les réseaux, découvrez le rôle des protocoles et démêlez les mystères des adresses IP et des noms de domaine. Acquérez une compréhension approfondie de la manière dont les navigateurs web et les serveurs communiquent pour fournir du contenu web.

Découvrez le pouvoir des balises pour structurer le contenu, des titres et paragraphes aux listes et tableaux. Apprenez à améliorer les éléments avec des attributs.

Le cœur de la structure d'un document HTML. Apprenez les composants d'un document HTML, y compris la déclaration doctype, l'en-tête et le corps. Comprenez le but de chaque élément et comment ils contribuent à la structure globale d'une page web.

Rendez une page web plus attrayante à l'aide de médias tels que des images, de l'audio et de la vidéo. Travaillez avec des données tabulaires structurées sous forme de tableaux.

Explorez la polyvalence des formulaires HTML. Apprenez à concevoir des formulaires intuitifs et conviviaux en exploitant des concepts et techniques clés. Découvrez comment les formulaires permettent l'interaction utilisateur et la soumission de données sur les sites web.

HTML Ultime

Élément Select