Etiqueta <textarea> de HTML

Definición y uso

<textarea> La etiqueta define un control de entrada de texto multilínea.

<textarea> Los elementos se utilizan generalmente en formularios para recopilar entradas del usuario, como comentarios o reseñas.

El área de texto puede contener una cantidad ilimitada de caracteres y el texto se presenta en fuente de ancho fijo (generalmente Courier).

El tamaño del área de texto se define por los atributos cols y rows (o utilizando CSS).

Después de enviar el formulario, se necesita el atributo name para referirse a los datos del formulario (si se omite el atributo name, no se enviarán los datos del área de texto).

Se necesita el atributo id para asociar el área de texto con la etiqueta (label).

Consejo:Siempre agrega <label> La etiqueta, para obtener las mejores prácticas de accesibilidad!

Por favor, consulte también:

Manual de referencia del DOM HTML:Objeto Textarea

Tutorial de CSS:Establecer estilo de formulario

Ejemplo

Ejemplo 1

Un control de entrada de texto multilinea (área de texto):

<label for="w3review">Comentario CodeW3C.com:</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
En codew3c.com, aprenderás a desarrollar sitios web. Ofrecen tutoriales gratuitos de todas las tecnologías de desarrollo web.
</textarea>

Prueba personalmente

Ejemplo 2

Deshabilitar la opción de ajuste de tamaño predeterminado:

<html>
<head>
<style>
textarea {
  resize: none;
}
</style>
</head>
<body>
<label for="w3review">Comentario CodeW3C.com:</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
En codew3c.com, aprenderás a desarrollar sitios web. Ofrecen tutoriales gratuitos de todas las tecnologías de desarrollo web.
</textarea>
</body>
</html>

Prueba personalmente

Atributo

Atributo Valor Descripción
autofocus autofocus Define que el área de texto debe obtener el foco automáticamente al cargar la página.
cols Número Define el ancho visible del área de texto.
dirname textareaname.dir Define la dirección del texto en el área de texto que se enviará.
disabled disabled Define que el área de texto debe estar deshabilitada.
form ID del formulario Define el formulario al que pertenece el área de texto.
maxlength Número Define la cantidad máxima de caracteres permitidos en el área de texto.
name Texto Define el nombre del área de texto.
placeholder Texto Define un breve recordatorio de la valoración esperada del área de texto.
readonly readonly Define que el área de texto debe ser de solo lectura.
required required Define que el área de texto es obligatoria.
rows Número Define el número de líneas visibles en el área de texto.
wrap
  • hard
  • soft
 Define cómo se deben saltar las líneas de texto en el área de texto al enviar el formulario.

Atributos globales

<textarea> La etiqueta también admite Atributos globales en HTML.

Atributos de eventos

<textarea> La etiqueta también admite Atributos de eventos en HTML.

Configuración CSS predeterminada

Ninguno.

Compatibilidad con navegadores

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte