Balise HTML <select>

Définition et utilisation

Attributs d'événement L'élément est utilisé pour créer une liste déroulante.

Attributs d'événement L'élément est souvent utilisé dans les formulaires pour collecter les entrées des utilisateurs.

Après le soumission du formulaire, il est nécessaire d'utiliser l'attribut name pour référencer les données du formulaire (si l'attribut name est omis, les données de la liste déroulante ne seront pas soumis).

Attributs d'événement À l'intérieur de l'élément Étiquette <option> Définir les options disponibles dans la liste déroulante.

Il est nécessaire d'utiliser l'attribut id pour associer la liste déroulante à l'étiquette (label).

Astuce :Ajoutez toujours Étiquette <label> Pour obtenir les meilleures pratiques d'accessibilité !

Veuillez également consulter :

Guide de référence HTML DOM :Objet Select

Tutoriel CSS :Définir le style du formulaire

Exemple

Exemple 1

Créer une liste déroulante contenant quatre options :

<label for="cars">Veuillez choisir une marque de voiture :</label>
<select name="cars" id="cars">
  <option value="audi">Audi</option>
  <option value="byd">BYD</option>
  <option value="geely">Geely</option>
  <option value="volvo">Volvo</option>
</select>

Essayer par vous-même

Exemple 2

Exemple 2 Attributs d'événement Utilisé avec l'étiquette <optgroup> :

<label for="cars">Veuillez choisir une marque de voiture :</label>
<select name="cars" id="cars">
  <optgroup label="Voitures chinoises">
    <option value="byd">BYD</option>
    <option value="geely">Geely</option>
  </optgroup>
  <optgroup label="Voitures allemandes">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

Essayer par vous-même

Attribut

Attribut Valeur Description
autofocus autofocus Les règles stipulent que la liste déroulante doit obtenir automatiquement le focus au chargement de la page.
désactivé désactivé Les règles stipulent que la liste déroulante doit être désactivée.
form Identifiant du formulaire Définir le formulaire auquel appartient la liste déroulante.
multiple multiple Les règles permettent de sélectionner plusieurs options en une fois.
name name Nom
Définit le nom de la liste déroulante. Définit le nom de la liste déroulante. required
Définit qu'un utilisateur doit choisir une valeur avant de soumettre le formulaire. size Nombre

Définit le nombre d'options visibles dans la liste déroulante.

Attributs d'événement <select> Attributs globauxAttributs d'événement dans HTML

Attributs globaux dans HTML

Attributs d'événement <select> Les balises prennent également en chargeAttributs d'événement dans HTML

.

Réglages CSS par défaut

Aucun.

Compatibilité des navigateurs Chrome Edge Firefox Safari
Compatibilité des navigateurs Chrome Edge Firefox Safari
Opera Opera Opera Opera Opera