Eine scrollbare Auswahlliste ist der Auswahlliste sehr ähnlich. Lass uns zuerst noch ein paar Namen hinzufügen.

<FORM>
<SELECT NAME="BESTER FREUND">
<OPTION VALUE="ED">Ed
<OPTION VALUE="RICK">Rick
<OPTION VALUE="TOM">Tom
<OPTION VALUE="GUIDO">Guido
<OPTION VALUE="HORACE">Horace
<OPTION VALUE="REGGIE">Reggie
<OPTION VALUE="MYRON">Myron
</SELECT>
</FORM>


Alles, was wir tun müssen, um eine scrollbare Auswahlliste zu erhalten ist, ein  SIZE Attribut zum <SELECT> Tag hinzuzufügen.

<FORM>
<SELECT NAME="BESTER FREUND" SIZE=4>
<OPTION VALUE="ED">Ed
<OPTION VALUE="RICK">Rick
<OPTION VALUE="TOM">Tom
<OPTION VALUE="GUIDO">Guido
<OPTION VALUE="HORACE">Horace
<OPTION VALUE="REGGIE">Reggie
<OPTION VALUE="MYRON">Myron
</SELECT>
</FORM>

Die Grösse (SIZE) gibt einfach nur an, wie viele Einträge man im Fenster sieht. Das ist kinderleicht!


Nochmals, der Standardwert ist die erste Auswahl(<OPTION>), und wir können diese durch Auswahl einer anderen ändern.

<FORM>
<SELECT NAME="BESTER FREUND" SIZE=4>
<OPTION VALUE="ED">Ed
<OPTION VALUE="RICK">Rick
<OPTION VALUE="TOM" SELECTED>Tom
<OPTION VALUE="GUIDO">Guido
<OPTION VALUE="HORACE">Horace
<OPTION VALUE="REGGIE">Reggie
<OPTION VALUE="MYRON">Myron
</SELECT>
</FORM>

Ich habe keine Ahnung, warum man die Funktion SELECTED für eine scrollbare Auswahlliste nutzt, aber ich dachte, ich sollte es erwähnen.

Eigentlich nehme ich das wieder zurück. Hier ist ein perfekter Verwendungszweck dafür :-)

(Dieser Effekt entsteht durch eine Kombination von HTML und JavaScript. Wenn Du neugierig bist, wie man das machen kann,  hier ist der Quellcode.