Tutorial HTML

Campos de selección


Las etiquetas <select>.....</select> encierran los valores que podremos elegir a partir de una lista. Los atributos que acompañan a la etiqueta de apertura son:

  1. name="" Indicará el nombre del campo de selección.

  2. Size="" Indicará el número de opciones visibles. Si le asignamos 1, la selección se presentará como un menú desplegable. Si le asignamos un valor mayor se presentará como una lista con barra de desplazamiento.

  3. multiple Indica si se pueden realizar multiples selecciones.

Las diferentes opciones de la lista se indicarán mediante la etiqueta <option> que puede acompañarse del atributo selected para indicar cual es la opción que aparecerá por defecto. Si no lo especificamos, siempre será la primera de la lista.


Ejemplo 6:

<HTML>
<HEAD>
<TITLE>Ejemplo 6</TITLE>
</HEAD>
<BODY>

<H1>Formularios</H1>

<FORM ACTION="mailto:unaprueba" METHOD="POST">
<SELECT NAME="Colores" MULTIPLE>
   <OPTION VALUE="r">Rojo</OPTION>
   <OPTION VALUE="g">Verde</OPTION>
   <OPTION VALUE="b">Azul</OPTION>
</SELECT>
<BR><BR>
<SELECT NAME="Colores" SIZE="1">
   <OPTION VALUE="r">Rojo</OPTION>
   <OPTION VALUE="g">Verde</OPTION>
   <OPTION VALUE="b">Azul</OPTION>
</SELECT>
<BR><BR>
<INPUT TYPE="submit"><INPUT TYPE="Reset">
</FORM>

</BODY>
</HTML>

 

<<<Anterior - Siguiente>>>


¡Visita también estos sitios interesantes!

Sitio alojado en Yaia.com