Tag HTML <option>
Le tag <option> spécifie les éléments de la liste déroulante définie par le tag <select> ou les éléments de la liste de données pour le remplissage automatique spécifié par le tag <datalist>. Le tag <option> peut être imbriquée dans les tags <select>, <datalist> ou <optgroup>, qui regroupe les éléments de la liste dans un groupe.
Le tag <select> est placé dans le tag <form>, si les données de la liste doivent être envoyées au serveur, ou lorsque les données de la liste sont accessibles via des scripts.
Syntaxe
Le tag <option> est apparié, le tag fermant (</option>) est requis.
Le tag <option> est utilisé généralement avec l’attribut value, pour spécifier la valeur envoyée au serveur pour un traitement ultérieur.
Exemple
<!DOCTYPE html>
<html>
<head>
<title>Titre du document</title>
</head>
<body>
<form>
<select>
<option value="computers">Ordinateur</option>
<option value="notebook">Carnet</option>
<option value="tablet">Tablette</option>
</select>
</form>
</body>
</html>Résultat
Exemple
<!DOCTYPE html>
<html>
<head>
<title>Titre du document</title>
</head>
<body>
<p>Aéroport de départ:</p>
<form action="action_form.php" method="get">
<input type = "text" list = "airports" name="airports">
<datalist id = "airports">
<option value = "Paris">
<option value = "Lyon">
<option value = "Marseille">
<option value = "Toulouse">
</datalist>
<input type = "submit" value = "confirmer">
</form>
</body>
</html>Dans cet exemple le tag <option> est inclus dans le tag <datalist>.
Résultat
Attributs
| Attribut | Valeur | Description |
|---|---|---|
| disabled | disabled | Indique, que l’élément est indisponible pour la séléction. |
| label | text | Définit le nom de l’élément de la liste. |
| selected | selected | Définit que l'option doit être sélectionnée par défaut lors du chargement de la page. |
| value | text | Définit la valeur, qui est envoyée au serveur. |
Le tag <option> supporte également les Attributs globaux et les Attributs d'événements.
Support de Navigateurs
|
|
|
|
|
|---|---|---|---|---|
| ✓ | ✓ | ✓ | ✓ | ✓ |
Pratiquez vos connaissances
Quelles sont les utilisations du tag 'option' en HTML?
Correcte!
Incorrecte!