Listor för val

Listor är ett annat sätt att låta användaren välja bland flera alternativ. De kan antingen vara utfällbara som menyer eller ha flera alternativ synliga samtidigt.

Menylista

En lista för formulär består av elementen <select> och <option>. Elementet <select> omsluter hela listan, medan elementet <option> beskriver varje alternativ som ska vara synligt i listan.

Attributet value används i varje <option> för att beskriva det aktuella listelementets informationsvärde. Attributet selected (med värdet "selected") ger ett förmarkerat listelement. Attributet name ska här beskriva ett samlande namn för alla alternativen i menyn.

<h2>Ange skostorlek</h2>    
<select name="skostorlek">      
 <option value="36">Stl 36</option>      
 <option value="37">Stl 37</option>      
 <option value="38" selected="selected">Stl 38</option>      
 <option value="39">Stl 39</option>      
 <option value="40">Stl 40</option>     
 <option value="41">Stl 41</option>    
</select>

Bläddringsruta

I en lista där flera alternativ ska vara synliga samtidigt måste <select> ha attributet size. Elementet är förinställt på size="1", vilket ger en utfällbar lista (föregående exempel). Med ett större värde än "1" kan man ange hur många listelement som samtidigt ska synas. Användaren får här bläddra fram de övriga alternativen i listan.

I flerradiga listor som denna gör attributet multiple (med värdet "multiple") att flera val ur listan kan markeras samtidigt. Flera markeringar görs genom att man håller ner [Ctrl] samtidigt som man klickar på alternativen.

<h2>Ange skostorlek</h2>    
<select name="skostorlek" size="5" multiple="multiple">
...