Les formulaires
Liste déroulante
HomeUpDown

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.
   

HomeDown