La lista enrrollable es muy similar a la lista despleglable Primero añadamos más nombres.
<FORM> <SELECT NAME="MI MEJOR AMIGO"> <OPTION VALUE="Jose">Jose <OPTION VALUE="Miguel">Miguel <OPTION VALUE="Mariano">Mariano <OPTION VALUE="Manuel">Manuel <OPTION VALUE="Francisco">Francisco <OPTION VALUE="Antonio">Antonio <OPTION VALUE="Andrés">Andrés </SELECT> </FORM>
Todo lo que tenemos que hacer para transformarla en enrrollable es añadir un atributo SIZE (TAMAÑO)a la sentencia <SELECT>.
<FORM> <SELECT NAME="MI MEJOR AMIGO" SIZE=4> <OPTION VALUE="Jose">Jose <OPTION VALUE="Miguel">Miguel <OPTION VALUE="Mariano">Mariano <OPTION VALUE="Manuel">Manuel <OPTION VALUE="Francisco">Francisco <OPTION VALUE="Antonio">Antonio <OPTION VALUE="Andrés">Andrés </SELECT> </FORM>
El SIZE simplemente indica cuántas opciones enseñará la ventana. ¡Más fácil, imposible!
De nuevo vemos que el valor por defecto es la primera <OPTION>, y de nuevo podemos cambiarlo seleccionando una.
<FORM> <SELECT NAME="MI MEJOR AMIGO" SIZE=4> <OPTION VALUE="Jose">Jose <OPTION VALUE="Miguel">Miguel <OPTION VALUE="Mariano" SELECTED>Mariano <OPTION VALUE="Manuel">Manuel <OPTION VALUE="Francisco">Francisco <OPTION VALUE="Antonio">Antonio <OPTION VALUE="Andrés">Andrés </SELECT> </FORM>
No se me ocurre por qué querrías usar esta utilidad en la lista, pero bueno, está ahí, y creo que debías saberlo.
Aunque para desdecirme, se me ocurre un uso perfecto para ella :-)
(Este efecto se ha hecho usando una combinación de HTML y JavaScript. Si tienes curiosidad por ver cómo lo he hecho, el código está aquí.