HTML - Les listes

Les listes sont gérées par les balises SELECT et OPTION

MULTIPLE

MULTIPLE signifie que plus d'un élément peuvent être sélectionnés.

L'utilisation de SIZE permet de définir la hauteur de la liste.

Code HTML Résultat
<SELECT NAME="toppings" MULTIPLE SIZE=5>
<OPTION VALUE="mushrooms">mushrooms
<OPTION VALUE="greenpeppers">green peppers
<OPTION VALUE="onions">onions
<OPTION VALUE="tomatoes">tomatoes
<OPTION VALUE="olives">olives
</SELECT>

On peut utiliser des cases à cocher pour la sélection multiple.

Code HTML Résultat
<INPUT TYPE=CHECKBOX NAME="mushrooms">mushrooms 
<INPUT TYPE=CHECKBOX NAME="greenpeppers">green peppers<BR>
<INPUT TYPE=CHECKBOX NAME="onions">onions<BR>
<INPUT TYPE=CHECKBOX NAME="tomatoes">tomatoes<BR>
<INPUT TYPE=CHECKBOX NAME="olives">olives

mushrooms
green peppers
onions
tomatoes
olives

 

Utilisez une variable de type Array, une variable Source pour charger la liste et les sous-variables Clear et Add pour le retour du formulaire.

<input type="hidden" name=".VisuSelect.Tableau.Clear" value="1">
<select name=".VisuSelect.Tableau.Add" multiple size="8">
<?for(var lRow in Tableau.Source:Rows)
{?>
   <option value="<?=lRow[0]?>">
      <?=lRow[1]?>
   </option>
<? } ?>
</select>
En retour de formulaire, le tableau est vidé grâce à Clear et chaque valeur est ajoutée grâce à Add.

Voir aussi

Les pages Web
Les balises HTML