xhtml:option

Un article de Polydoc.

Sommaire

[modifier] Synopsis 

<select nom="maVariable">
<option value="possibilité1">Possibilité 1</option>
<option value="possibilité2">Possibilité 2</option>
<option value="possibilité3">Possibilité 3</option>
</select>

[modifier] Description

Cette balise de type block permet d'offrir les options à une liste déroulante délimitée par <select>. Elle n'est pas limitée en nombre.

[modifier] Arguments

  • value : La valeur que prendra la variable (argument name de la balise select).
  • title : Titre de l'option.
  • style : Style pouvant être affecté à l'option (exemple pour une couleur).
  • class : Pour un style défini ailleurs.
  • id : Pour un style défini ailleurs ou pour un appel en JavaScript.

[modifier] Exemples 

<form action="traitement.php" method="post">
<p>
<label>Quel est votre couleur préférée ?
<select name="couleur">
<option value="rouge" title="Couleur : Rouge" style='color:red'>Rouge</option>
<option value="vert" title="Couleur : Vert" style='color:green'>Vert</option>
<option value="bleu" title="Couleur : Bleu" style='color:blue'>Bleu</option>
</select>
</label>
<label><input type="submit" value="Valider" /></label>
</p>
</form>

Ce code affiche une liste déroulante proposant trois options permettant de choisir la couleur préférée. A noter que le nombre d'options n'est pas limité à trois.

[modifier] Voir aussi

[modifier] Liens internes

  • <select> : balise de délimitation d'une liste déroulante.
Récupérée de « http://www.polydoc.org/wiki/xhtml:option »