Exemple
Créer une liste déroulante avec quatre options:
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
Essayez - le vous - même » Définition et utilisation
Le <select> élément est utilisé pour créer une liste déroulante.
Les <option> balises à l' intérieur du <select> élément définissent les options disponibles dans la liste.
support du navigateur
| Élément | |||||
|---|---|---|---|---|---|
| <select> | Oui | Oui | Oui | Oui | Oui |
Trucs et astuces
Astuce: Le <select> élément est un contrôle de forme et peut être utilisé sous une forme pour collecter les entrées utilisateur.
Différences entre HTML 4.01 et HTML5
HTML5 a ajouté quelques nouveaux attributs.
Les attributs
= Nouveau en HTML5.
| Attribut | Valeur | La description |
|---|---|---|
| autofocus | autofocus | Indique que la liste déroulante devrait automatiquement se concentrer chargement de la page |
| disabled | disabled | Indique qu'une liste déroulante doit être désactivée |
| form | form_id | Définit une ou plusieurs formes le champ de sélection appartient à |
| multiple | multiple | Indique que plusieurs options peuvent être sélectionnées à la fois |
| name | name | Définit un nom pour la liste déroulante |
| required | required | Indique que l'utilisateur doit choisir une valeur avant de soumettre le formulaire |
| size | number | Définit le nombre d'options visibles dans une liste déroulante |
Attributs globaux
Le <select> tag soutient également le attributs globaux en HTML .
Attributs de l'événement
Le <select> tag soutient également l' événement Attributs en HTML .
Pages associées
Référence HTML DOM: Sélectionner un objet
Tutoriel CSS: Styling Forms
Paramètres par défaut de CSS
Aucun.