Etiqueta textarea

La etiqueta textarea crea un campo de entrada multilínea para usar en formularios HTML.

A diferencia de la etiqueta input, en textarea se puede introducir múltiples líneas de texto, separándolas con la tecla Enter.

La etiqueta textarea debe estar dentro de la etiqueta form. Esto no es obligatorio, pero es necesario para enviar datos al servidor y su posterior procesamiento a través de PHP.

Por defecto, el usuario puede cambiar el tamaño de la etiqueta textarea, arrastrando la esquina inferior derecha. Este comportamiento se puede cambiar usando la propiedad CSS resize.

Ejemplo . Textarea simple

Veamos cómo funciona la etiqueta textarea:

html<textarea></textarea>

Результат:

Ejemplo . Texto por defecto

Intentemos agregar texto por defecto a la etiqueta textarea. Tenga en cuenta que, a diferencia de la etiqueta input, a la etiqueta textarea no se le establece el atributo value, y el texto por defecto se escribe entre la etiqueta de apertura y la de cierre:

html<textarea>algún texto</textarea>

Результат:

Ejemplo . Espacios parásitos

Prestemos atención a que si separamos la etiqueta de apertura y la de cierre en líneas diferentes, como resultado aparecerán espacios extra en este campo de entrada (cómo solucionarlo: no los separe en líneas diferentes):

html<textarea>
  algún texto
</textarea>

Результат:

Ejemplo . Placeholder en textarea

Y ahora agreguemos un placeholder placeholder a la etiqueta textarea:

html<textarea placeholder="soy una pista"></textarea>

Результат:

Véase también

  • la etiqueta input,
    que representa un campo de entrada de una sola línea
  • el atributo disabled,
    que se puede usar para deshabilitar campos de entrada