Cours sur le langage HTML organisé par
Frédéric Jacquenod
V.4 La balise SELECT
Elle permet de créer des listes.
- Les menus déroulants
Vous devez associer à cette balise différents attributs.
- NAME
Comme nous l'avons vu précédemment il permet d'associer un nom de variable aux données selectionnées par l'utilisateur.
- OPTION
Cet attribut permet de définir chaque élément texte du menu. Il précède chaque ligne de texte.
- SELECTED
Cet attribut fonctionne comme CHECKED et permet de définir un élément selectionné par défaut. Il n'est pas obligatoire.
- Exemple
Cliquez sur la zone ou ligne de texte pour obtenir les autres éléments selectionnables. Si SELECTED n'avait pas été positionné le choix par défaut aurait été "Premier choix".
Le source est le suivant
<FORM ACTION="rien.pl">
<SELECT NAME="zone">
<OPTION>Premier choix
<OPTION SELECTED>Deuxième choix
<OPTION>Troisième choix
<OPTION>Quatrième choix
<OPTION>Cinquième choix
</SELECT>
</FORM>
exercice41
- Les listes à ascenseurs
- SIZE
Les attributs sont identiques au menu déroulant mais pour définir une liste à ascenseurs il vous suffit d'utiliser l'attribut SIZE="chiffre" qui affichera à l'écran "chiffre" lignes.
- MULTIPLE
Vous pouvez, en utilisant cet attribut donner la possibilité de réaliser plusieurs choix dans la liste.
- Exemple
Vous devez utiliser les ascenseurs pour obtenir les choix suivants non visibles.
Tout comme précédemment le choix "Deuxième choix" est celui par défaut grace à l'attribut SELECTED.
L'attribut MULTIPLE vous permet donc de réaliser plusieurs choix dans la liste, cliquez sur les différentes lignes.
Vous pouvez désactiver un de vos choix en recliquant dessus.
Le source est le suivant
<FORM ACTION="rien.pl">
<SELECT NAME="zone" SIZE="3" MULTIPLE>
<OPTION>Premier choix
<OPTION SELECTED>Deuxième choix
<OPTION>Troisième choix
<OPTION>Quatrième choix
<OPTION>Cinquième choix
</SELECT>
</FORM>
exercice42
Frédéric Jacquenod