HTML - Balise <select>
La description
La balise HTML <select> est utilisée dans un formulaire pour définir une liste de sélection.
Exemple
<!DOCTYPE html>
<html>
<head>
<title>HTML select Tag</title>
</head>
<body>
<form action = "/cgi-bin/dropdown.cgi" method = "post">
<select name = "dropdown">
<option value = "Data Structures" selected>Data Structures</option>
<option value = "Data Mining">Data Mining</option>
</select>
<input type = "submit" value = "Submit" />
</form>
</body>
</html>
Cela produira le résultat suivant -
Attributs globaux
Cette balise prend en charge tous les attributs globaux décrits dans - Référence des attributs HTML
Attributs spécifiques
La balise HTML <select> prend également en charge les attributs supplémentaires suivants -
Attribut | Valeur | La description |
---|---|---|
autofocus | autofocus | Spécifie que lors du chargement de la page, la liste déroulante doit automatiquement obtenir le focus. |
désactivée | désactivée | Désactive le contrôle d'entrée. Le bouton n'acceptera pas les modifications de l'utilisateur. Il ne peut pas non plus recevoir le focus et sera ignoré lors de la tabulation. |
forme | form_id | Spécifie un ou plusieurs formulaires. |
plusieurs | plusieurs | Lorsqu'il est défini, il spécifie que plusieurs éléments peuvent être sélectionnés à la fois |
Nom | Nom | Attribue un nom au contrôle d'entrée. |
obligatoire | obligatoire | Avant de soumettre le formulaire, l'utilisateur doit sélectionner une valeur, sinon il ne continuera pas. |
Taille | nombre | Définit le nombre d'éléments visibles dans la liste déroulante |
Attributs d'événement
Cette balise prend en charge tous les attributs d'événement décrits dans HTML Events Reference
Prise en charge du navigateur
Chrome | Firefox | C'EST À DIRE | Opéra | Safari | Android |
---|---|---|---|---|---|
Oui | Oui | Oui | Oui | Oui | Oui |