formulaires block

<option>

Représente une option sélectionnable dans un élément select, datalist ou optgroup.

Description

L’élément <option> représente une option dans un <select>, un <optgroup> ou un <datalist>. Sa valeur soumise est définie par value (ou par son contenu textuel si value est absent). Une option peut être présélectionnée avec selected ou désactivée avec disabled.

Syntaxe

<select name="couleur">
  <option value="rouge">Rouge</option>
  <option value="vert" selected>Vert (par défaut)</option>
  <option value="bleu">Bleu</option>
</select>

Exemples

Options avec groupement :

<select name="ville">
  <optgroup label="France">
    <option value="paris">Paris</option>
    <option value="lyon">Lyon</option>
  </optgroup>
  <optgroup label="Belgique">
    <option value="bruxelles">Bruxelles</option>
  </optgroup>
</select>

Option désactivée :

<option value="" disabled selected>Sélectionner…</option>

Attributs spécifiques

AttributTypeDescription
valuestringValeur soumise avec le formulaire. Si absent, c’est le contenu textuel qui est soumis.
selectedbooleanOption présélectionnée au chargement.
disabledbooleanRend l’option non sélectionnable.
labelstringLibellé alternatif (si différent du contenu).

Support navigateurs

Chrome1+ · Firefox1+ · Safari≤4+ · Edge12+