English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'élément HTML <select> représente un contrôle, créant une liste déroulante pour que l'utilisateur puisse choisir. Ces valeurs déroulantes sont définies par une série d'étiquettes <option> à l'intérieur de l'étiquette <select>. Ce tag est également appelé élément <select>.
Créez une liste déroulante avec plusieurs options :
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Utilisation de l'étiquette HTML select (Tutoriel de base du site web oldtoolbag.com)</title> </head> <body> <label for="pet-<select>Choisissez un animal de compagnie:</label> <select name="pets" id="pet-select> <option value="">--Veuillez choisir une option--</option> <option value="dog">Chien</option> <option value="cat">Chat</option> <option value="hamster">Hamster</option> <option value="parrot">Perroquet</option> <option value="spider">Spider</option> <option value="goldfish">Goldfish</option> </select> </body> </html>Vérifiez avec le test‹/›
IEFirefoxOperaChromeSafari
Tous les navigateurs populaires prennent en charge l'étiquette <select>.
L'élément <select> est utilisé pour créer une liste déroulante.
Dans l'élément <select> <option> Étiquettes, ces étiquettes fournissent une liste de valeurs déroulantes, des options disponibles.
Par défaut, la première option du marqueur <select> s'affichera comme l'élément sélectionné. Les utilisateurs peuvent choisir une autre option dans la liste déroulante.
Astuce :L'élément <select> est un contrôle de formulaire, utilisé pour accepter les entrées de l'utilisateur dans un formulaire.
HTML5 a ajouté quelques nouvelles propriétés.
New : HTML5 des nouvelles propriétés.
| Propriété | Valeur | Description |
|---|---|---|
| autofocusHTML5 | autofocus | Donne le focus automatiquement à la liste déroulante au chargement de la page. |
| disabled | disabled | Désactive la liste déroulante lorsque cette propriété est définie sur true. |
| formHTML5 | form_id | Définit un ou plusieurs formulaires appartenant au champ select. |
| multiple | multiple | Permet de sélectionner plusieurs options lorsque cette propriété est définie sur true. |
| name | text | Définit le nom de la liste déroulante. |
| requiredHTML5 | required | Exige que l'utilisateur sélectionne une option dans la liste déroulante avant de soumettre le formulaire. |
| size | number | Définit le nombre d'éléments visibles dans la liste déroulante. |
Le <select> balise supporte Propriétés globales HTML.
Le <select> balise supporte Propriétés d'événement HTML.
Manuel de référence HTML DOM : Select objet