Balise Select - HTML

La balise select en HTML permet de créer un menu déroulant ou une liste déroulante.

Syntaxe

<select>
  <option value="value1">Option 1</option>
  <option value="value2">Option 2</option>
  <option value="value3">Option 3</option>
  <option value="value4">Option 4</option>
</select>

Attributs

| Attribut | Description | | ---------------------| ---------------------------------------------| | autofocus | Spécifie que le menu déroulant doit attirer le focus | | disabled | Désactive le menu déroulant | | form | Donne un nom au formulaire contenant le menu déroulant | | multiple | Permet la sélection de plusieurs options | | name | Donne un nom au menu déroulant | | required | Indique que la sélection est obligatoire | | size | Définit le nombre de lignes visibles dans le menu déroulant |

options

Les options sont définies avec la balise <option> et peuvent contenir les attributs suivants :

| Attribut | Description | | ---------------------| ---------------------------------------------| | disabled | Désactive l'option | | label | Affiche un label sous l'option | | selected | Définit l'option sélectionnée par défaut | | value | Définit la valeur de l'option |

Exemple

<form>
  <label for="pays">Pays :</label>
  <select name="pays" id="pays">
    <option value="france">France</option>
    <option value="espagne">Espagne</option>
    <option value="italie">Italie</option>
  </select>
</form>

Cet exemple crée un menu déroulant permettant à l'utilisateur de sélectionner un pays.

Conclusion

La balise select en HTML est un élément essentiel pour créer des menus déroulants et des listes déroulantes. Elle peut être personnalisée avec des attributs et des options pour répondre à différents besoins.