Liste déroulante
Définition
La
balise <SELECT></SELECT> indique au browser
l'usage d'une liste déroulante. Les
éléments de la liste sont introduits par la
balise <OPTION></OPTION>.
<FORM>
<SELECT
name="nom" size="1">
<OPTION>lundi
<OPTION>mardi
<OPTION>mercredi
<OPTION>jeudi
<OPTION>vendredi
</SELECT>
</FORM>
Si
vous cliquez sur la petite flèche vers le bas, vous
obtiendrez la liste déroulante où on retrouve les
éléments de la liste (<OPTION>).
Commentaires
|
L'attribut
name="nom" définit le nom du formulaire. |
|
L'attribut
size="x" détermine le nombre
d'éléments de liste affiché dans la
boite d'entrée. En fait, size="1" est optionnel car "1" est
la valeur par défaut. Le même exemple avec
size="3" donne : |
On peut
présélectionner l'élément
affiché dans la boite d'entrée (par
défaut, le premier élément de la liste
sera retenu). On utilise pour ce faire l'attribut selected de la balise
<OPTION>. Pour faire afficher d'entrée
mercredi au lieu de lundi notre exemple devient
<FORM>
<SELECT name="nom" size="1">
<OPTION>lundi
<OPTION>mardi
<OPTION selected>mercredi
<OPTION>jeudi
<OPTION>vendredi
</SELECT>
</FORM>
La balise <SELECT>
a un balise de fin </SELECT> tandis que le balise de fin
</OPTION> est facultative.
|