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 :-)

(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 >>