Je pense que les listes à sélection multiple fonctionnent parfaitement - maintenez simplement la touche Ctrl enfoncée tout en cliquant sur la souris pour sélectionner plusieurs éléments de la liste. Voici une zone de liste à sélection multiple typique :
Le code de la zone de liste ci-dessus est le suivant :
<form method="get" action=""> <b>Vérifiez votre fast-food préféré :</b><br/> <SELECT MULTIPLE SIZE=5 name="favorites"> <OPTION VALUE="McDonalds">McDonald's</option> <OPTION VALUE="BurgerKing">Burger King</option> <OPTION VALUE="Wendys">Wendy's</option> <OPTION VALUE="JackInTheBox">Jack dans la boîte</option> <OPTION VALUE="KFC">KFC</option> <OPTION VALUE="TacoBell">Taco Bell</option> </SELECT> <br/><input type="submit" value="Choisir"> </form> |
En fait, même si vous ajoutez des instructions d'utilisation à la page, certains utilisateurs ne savent toujours pas comment utiliser la zone de liste à sélection multiple. De plus, l'ajout de titres supplémentaires à chaque élément serait vraiment utile, mais je ne suis pas sûr que l'utilisation d'une liste à sélection multiple standard permettrait d'atteindre cet objectif.
Cependant, je sais qu'avec un peu de CSS et un peu de JavaScript, vous pouvez générer une plus jolie zone de liste à sélection multiple et créer une URL équivalente à une zone de liste à sélection multiple classique. De cette façon, vous n'avez pas besoin de modifier le code back-end qui gère la zone de liste : il vous suffit d'embellir le front-end.