Les listes de sélection permettent généralement de sélectionner 1 ou plusieurs valeurs parmi un choix un peu trop grand pour être correctement affiché sous forme de bouton radio ou case à cocher. Une liste de sélection s'insert dans un formulaire via la balise select. Le corps de cette balise doit contenir autant de balise option qu'il y a d'éléments dans la liste de suggestion.

<form> Système d'exploitation préféré?<br /> <select name="os"> <option>Linux</option> <option>Windows</option> <option>Mac</option> </select> </form>

Système d'exploitation préféré? Linux Windows Mac

Comme vous pouvez le constater c'est la balise select qui porte l'attribut name qui sera traité comme tout autre champ de formulaire ^[comment?] . La valeur associée à ce champ sera la valeur précisée via l'attribut value de la balise option sélectionnée. Si celle-ci n'est pas précisé (comme ici) c'est le texte de l'option qui est pris pour valeur.

Par défaut, la liste de sélection n'autorise qu'une sélection unique mais il suffit de définir l'attribut multiple (à la valeur multiple pour être à la fois conforme HTML et XHTML) pour permettre la sélection multiple.

Le nombre de lignes d'options affichées (par défaut 1) peut être précisé par l'attribut size. Ce qui est particulièrement pratique pour les sélections multiples.

<form> Systèmes d'exploitations préférés?<br /> <select name="os" multiple="multiple" size="3"> <option value="1">Linux</option> <option value="2">Windows</option> <option value="3">Mac</option> </select> </form>

Systèmes d'exploitations préférés? Linux Windows Mac

En cas de sélection multiple, le nom du champ apparaît plusieurs fois dans la requête GET ^{[c'est quoi?]} ou POST avec à chaque fois une des différentes valeurs sélectionnées.