Etiquetas

Puede añadir etiquetas a su formulario, y adjuntarlas a un cuadro de texto específico o otro elemento de la forma. Son buenos cuando tienes elementos pequeños como casillas de verificación, ya que puede hacer clic en la etiqueta para seleccionar la casilla de verificación.

Para añadir una etiqueta se utilizan un par de etiquetas LABEL:

<LABEL ]; Texto de la etiqueta aquí </LABEL ];

El texto que quieres poner en la etiqueta va entre las dos etiquetas.

Para adjuntar una etiqueta a un elemento de forma particular se utiliza el atributo FOR, seguido de por la identificación del elemento de forma al que quieres adjuntarlo. Por ejemplo, examinar el código de abajo:

LABEL FOR="tb1">First Name: </LABEL;
TYPE="Texto" Value="Introduzca su nombre" NAME="textBox1">

En el código de arriba, la ETIQUETA es PARA un elemento de forma con el ID "tb1". Esto es lo que parece en la

Etiquetas, Textareas

En la imagen de arriba, hemos hecho clic en la etiqueta. Esto resalta el texto en el cuadro de texto. Un usuario puede entonces sólo escribir un nombre, sin tener que hacer clic en dentro del cuadro de texto. La etiqueta hace esto porque sabe qué cuadro de texto es "PARA".

TEXTAREA

Si quieres un cuadro de texto más grande, para que la gente deje comentarios por ejemplo, entonces puedes usar la etiqueta TEXTAREA.

Textarea no usa la etiqueta INPUT. Y también necesitas una etiqueta de final de Textarea. Después de escribir un espacio, especificas el tamaño de tu Textarea. Tú hacer esto con los atributos de ROWS y COLS. La altura equivale a las filas, y el Anchura a Cols (no Columnas):

TEXTAREA ROWS="7" COLS="30" NAME="TextArea1" ID="TA1";

Si quieres que aparezca algún texto por defecto en el área de texto, puedes escribirlo entre las dos etiquetas:

TEXTAREA ROWS="7" COLS="30" NAME="TextArea1" ID="TA1"
Área de texto por defecto

El área de texto de arriba se vería así en la versión 4 de Firefox y posteriores:

Etiquetas, Textareas

Fíjate en el pequeño triángulo en la parte inferior derecha. Mantén el ratón sobre el triángulo y puedes arrastrarlo para redimensionarlo. (Sólo Firefox tiene esto, en el momento de la escritura.)

También puedes ponerle una etiqueta al Textarea. Lo haces en exactamente el mismo como para los cuadros de texto:

<iComentarios TEXTAREA ROWS="7" COLS="30" NAME="TextArea1" ID="TA1"
Área de texto por defecto

Ejercicio
Añade un Textarea a tu propio formulario. Aplica un poco de estilo CSS para animarlo un poco.

HTML5 agrega algunos atributos más que puedes usar con el tag TEXTAREA, y ver estos en breve

| Botones de opción y casillas de verificación