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é

navigateur-chromenavigateur-firefoxnavigateur-ienavigateur-safarinavigateur-opera

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– progressselect– textarea

Politique d'utilisation des cookies

En poursuivant votre navigation sur ce site, vous acceptez l’utilisation de cookies. Les cookies nous permettent de personnaliser le contenu, les sorties et d’optimiser notre trafic.