A Scrolling List is very similar in construction to a Pull Down List. Let's add a few more names first though.

<FORM>
<SELECT NAME="BEST FRIEND">
<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>

All we gotta do to turn it into a Scrolling List is add a SIZE attribute to the <SELECT> tag.

<FORM>
<SELECT NAME="BEST FRIEND" 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>

The SIZE is simply how many options show in the window. This stuff is CAKE!

Again, the default value is the first <OPTION>, and again we can change that by selecting one.

<FORM>
<SELECT NAME="BEST FRIEND" 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>

I have no idea why you would use the selection feature for a Scrolling List but it's there and I just felt the need to tell you about it.

Actually, I'll take that back. Here is a perfectly good use for it :-)

Ed Rick Tom Guido

(This effect is done using a combination of HTML and JavaScript. If you're curious about how it was done, the source is here.

<< BACK         NEXT >>