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í.