Área de texto

Formularios

El área de texto es un elemento de formulario que permite la inserción de texto en varias líneas y puede contener, por defecto, un número de caracteres ilimitado.

Tipos de área de texto
Accesibilidad

Tipos de área de texto #

1
Por defecto
2

Con contador de caracteres

Puedes escribir hasta 10 caracteres

1 Por defecto. Contiene únicamente la etiqueta de título y el campo para introducir el texto.
2 Contador de caracteres. A la entrada de texto anterior se añade una línea adicional bajo el campo para indicar el límite de caracteres que se permiten escribir.

Accesibilidad #

Cómo funciona #

Elemento <textarea> con un id, name y aria-describedby.
El contador de carácteres es un párrafo con aria-live=polite para indicar cambios sin interrumpir la acción.

Más información sobre los inputs en el apartado accesibilidad de formularios.

Qué tener en cuenta
Qué usar	Dónde	Función
`id`	Parámetro Nunjucks dentro del componente	Permite las llamadas entre label, hint, error y el textarea. Debe ser único.
`autocomplete`	Parámetro Nunjucks dentro del componente	Permite completar el campo con la información de la persona guardada en el navegador. Debe estar siempre que sea posible. Más informaciónsobre el autocomplete

Buenas prácticas #

Es recomendable incluir el contador de caracteres en este tipo de campos.
Para facilitar la escritura y revisión de textos largos, ocupa la anchura máxima y deja que la altura pueda ser configurable por la persona.
No utilices un placeholder como label. El label siempre debe ser visible.