HTMLWeb > HTML > 1  - 2 - 3 - 4  - 5 - 6 - 7  - 8 - 9 - 10 -  11 - 12

Etiquetas <SELECT>...</SELECT>

Mediante esta etiqueta podemos definir una entrada de datos en forma de lista desplegable, que presenta varias opciones de elección, de tal forma que el usuario puede elegir una o varias de ellas, si así se especifica.

Sus atributos y valores son:

• name=" nombre", que asigna un nombre identificador al campo, de tal forma que al enviar los datos del formulario la opcción elegida sera asociada a este nombre.
  
  
• size= " n ", con n= nº entero, que define el número de opciones visibles. Si n=1 el campo de selección se presenta como una lista desplegable, mientras que si se indica otro valor se presenta como una caja de lista con barra de desplazamiento.
  
  
• multiple, que permite elegir varias de las opciones a la vez. Si no se especifica este atributo solamente se podra escoger una de las opciones. Para ello hay que mantener pulsada la tecla CONTROL mientras se seleccionan y/o deseleccionan las diversas opciones.
  
  
• disabled, que desactiva la lista, de tal forma que no se produce ninguna acción cuando se pulsa una opción, pués permanece inactiva.
  
  
• tabindex = " n ", que especifica el orden de tabulador que tendra el campo respecto todos los elementos que incluye el formulario.
  
  

Para introducir cada una de las diferentes opciones de la lista se utiliza la etiqueta <OPTION>, que admite como parametros:

• value, que fija el valor que sera asociado al parametro name de <SELECT> cuando se envíe el formulario. Este valor debe ser único para cada opción.
  
  
• selected, que establece la opción por defecto. Si no se especifica este parametro en ninguna opción se tomara la primera de ellas por defecto.
  
  

La anchura de la lista desplegable vendra determinado por el número de caracteres de la opción que mas tenga.

Ejemplos.-

<form action="cgi-bin/control.exe" method="post" enctype="text/plain" name="miform">
  selecciona una de los siguientes valores:
  <select>
  <option value="uno">uno
  <option value="dos">dos
  <option value="tres">tres
  </select>
</form>

con el que obtenemos:

<form action="cgi-bin/control.exe" method="post" enctype="text/plain" name="miform">
  selecciona una de los siguientes valores:
  <select size="3">
  <option value="uno">uno
  <option value="dos">dos
  <option value="tres">tres
  </select>
</form>

con el que obtenemos:

<form action="cgi-bin/control.exe" method="post" enctype="text/plain" name="miform">
  selecciona una de los siguientes valores:
  <select size="3" multiple>
  <option value="uno">uno
  <option value="dos">dos
  <option value="tres">tres
  </select>
</form>

con el que obtenemos:

Etiquetas <TEXTAREA>...</TEXTAREA>

Esta pareja de etiquetas inserta una caja de texto de múltiples líneas, que normalmente se utiliza para introducir comentarios o datos largos en un formulario. Si no se introduce ningún texto entre ambas etiquetas la caja de texto aparecera vacía, para que el usuario lo introduzca, pero si introducimos algún texto entre ambas este aparecera inicialmente en la caja. Si el texto que contiene supera el espacio disponible en la caja aparecera una barra de desplazamiento vertical.

Sus atributos y valores son:

• name=" nombre",que asigna un nombre identificador al campo, que sera asociado en el envío del formulario al texto introducido en la caja de texto.
  
  
• cols=" x ", que define el número de columnas visibles de la caja de texto.
  
  
• rows= " y ", que define el número de filas visibles de la caja de texto.
  
  
• wrap= " valor ", que justifica automaticamente el texto en el interior de la caja. Este atributo es de uso complicado.
  Según las recomendaciones si su valor es VIRTUAL se enviara todo el texto seguido, en una línea, mientras que si vale PHYSICAL el texto se enviara separado en líneas físicas, pero así como se define no lo admiten los navegadores. Usemos cual usemos de los dos el resultado es el mismo: justificación por líneas físicas, y así y todo se producen saltos de línea indeseados.
  Si construimos la pagina web con un programa de ayuda tipo HomeSite nos encontramos con tres posibles valores de wrap: SOFT y HARD, que hacen lo mismo, alineando el contenido en líneas físicas, como en los casos anteriores y es el valor por defecto, y OFF, que coloca todo el texto de la caja en una sóla línea, apareciendo entonces una barra de desplazamiento horizontal para poder visualizar todo el contenido de la caja.
  
  
• disabled, que desactiva la caja de texto. Su utilidad es escasa.
  
  
• readonly, que impide que el contenido de la caja sea modificado por el usuario.
  
  
• tabindex = " n ", que especifica el orden de tabulador que tendra el campo respecto todos los elementos que incluye el formulario.
  
  

Ejemplos.-

<form action="cgi-bin/control.exe" method="post" enctype="text/plain" name="miform">
  introduce un comentario:
  <textarea name="comentario" cols="20" rows="10">
  </textarea>
</form>

con el que obtenemos:

Ejemplos.-

<form action="cgi-bin/control.exe" method="post" enctype="text/plain" name="miform">
  <textarea name="comentario" cols="20" rows="10">
  introduce un comentario:
  </textarea>
</form>

con el que obtenemos:

Ejemplos.-

<form action="cgi-bin/control.exe" method="post" enctype="text/plain" name="miform">
  <textarea name="comentario" cols="20" rows="10" wrap="off">
  introduce un comentario:
  </textarea>
</form>

con el que obtenemos:

Ejemplos.-

<form action="cgi-bin/control.exe" method="post" enctype="text/plain" name="miform">
  <textarea name="comentario" cols="20" rows="10" readonly>
  ahora no puedes escribir nada.
  </textarea>
</form>

con el que obtenemos:

HTMLWeb > HTML > 1  - 2 - 3 - 4  - 5 - 6 - 7  - 8 - 9 - 10 -  11 - 12