Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Utilisation de l’élément Select pour les Menus Déroulants | Formulaires HTML et Saisie Utilisateur
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
HTML Ultime

bookUtilisation de l’élément Select pour les Menus Déroulants

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 employé dans les formulaires où l’utilisateur doit sélectionner une option parmi un ensemble prédéfini. Il est toujours utilisé en association avec les éléments <option>. Les éléments <option> définissent les éléments individuels de la liste déroulante.

index.html

index.html

copy

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, il est possible d'utiliser la balise <optgroup>. L'attribut label permet d'attribuer un titre au groupe.

index.html

index.html

copy
Note
Remarque

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

question mark

Quelle est la fonction principale de l’élément <select> en HTML ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 5. Chapitre 8

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Suggested prompts:

Can you show me an example of how to use the `<select>` element with options?

What does the `<optgroup>` tag look like in practice?

How do I use the `multiple` attribute with `<select>`?

bookUtilisation de l’élément Select pour les Menus Déroulants

Glissez pour afficher le menu

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 employé dans les formulaires où l’utilisateur doit sélectionner une option parmi un ensemble prédéfini. Il est toujours utilisé en association avec les éléments <option>. Les éléments <option> définissent les éléments individuels de la liste déroulante.

index.html

index.html

copy

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, il est possible d'utiliser la balise <optgroup>. L'attribut label permet d'attribuer un titre au groupe.

index.html

index.html

copy
Note
Remarque

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

question mark

Quelle est la fonction principale de l’élément <select> en HTML ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 5. Chapitre 8
some-alt