Balise OPTION
Rôle
La balise <option> définit une option dans une liste de déroulante (voir select).
Testez vous-même cette balise
Utilisez Codepen.
Voici le resultat
Compatibilité
La balise <option> est pris en charge par tous les principaux navigateurs.
Attributs spécifiques
Attributs spécifiques à cet élément
- disabled
- Permet de verouiller l’ option
Syntaxe :
<option value="pomme" disabled > Pomme </option> - label
- L’attribut label spécifie une version plus courte d’une option. La version plus courte sera affiché dans la liste déroulante (attention, ne fonctionne pas sur Firefox)
Syntaxe :
<option label="pomme" disabled > Pomme juteuse </option> - selected
- Permet d’afficher en premier l’option au chargement de la page
Syntaxe :
<option selected > Pomme juteuse </option> - value
- Spécifie la valeur à envoyer au serveur lorsque le formulaire est soumis.
Syntaxe :
<option value="pomme" > Pomme juteuse </option>
La balise <option> prend aussi en charge les attributs globaux
Attibuts de type événement
La balise <option> prend en charge les événements de type formulaire.
La balise <option> prend aussi en charge les événements souris.
Voir les autres balises pour l’intégration d’un formulaire
button– datalist– fieldset– form– input– keygen– label– legend– meter– optgroup– output– progress – select– textarea
