Campo de área de texto
Recolle texto máis longo con facilidade e control. Desde comentarios de clientes ata descricións detalladas con altura axustable, límites de caracteres e formato intelixente, o campo Textarea proporciona o espazo que os usuarios necesitan para comentarios, mensaxes, descricións e calquera contido de texto de varias liñas.
Perfecto para coleccións de texto de formato longo
Perfecto para:
Funcións potentes para cada caso de uso
📐 Control de altura axustable
Filas visibles personalizables
Define cantas liñas de texto son visibles (2-20 filas). Máis filas = cadro máis alto = texto máis visible sen desprazamento.
Predeterminados intelixentes
O valor predeterminado é de 4 filas, o que é perfecto para a maioría dos comentarios e mensaxes. Axústase segundo a lonxitude esperada do contido.
Exemplos:
- Comentarios curtos: 3-4 filas
- Comentarios detallados: 6-8 filas
- Descricións longas: 10-15 filas
- Testemuños completos: 15-20 filas
Experiencia do usuario:
Os usuarios sempre poden escribir máis filas que as visibles: o campo desprázase automaticamente. A altura da fila só controla a área visible inicial.
📏 Control da lonxitude dos caracteres
Límites mínimos e máximos de caracteres
Define as entradas de texto máis curtas e máis longas permitidas. Evita envíos demasiado breves ou demasiado longos coa validación integrada do navegador.
Conteo de caracteres en tempo real
Os usuarios reciben comentarios instantáneos se a súa entrada non cumpre os requisitos de lonxitude; non hai sorpresas despois do envío.
Exemplos:
- Comentarios: Mínimo 10, Máximo 1000 caracteres
- Revisión do produto: Mínimo 50, Máximo 5000 caracteres
- Comentario: Máximo 500 caracteres
- Descrición: Mínimo 20, Máximo 2000 caracteres
Por que importa:
Controlar a calidade dos datos, evitar o correo lixo, garantir respostas significativas, xestionar o almacenamento da base de datos e orientar os usuarios para que proporcionen os detalles axeitados.
✂️ Recorte automático de espazos en branco
Texto limpo de varias liñas
Elimina automaticamente os espazos accidentais do principio e do final das entradas de texto. Obtén datos limpos e consistentes sen limpeza manual.
Casos de uso:
- Formularios de comentarios (sen espazos ao final)
- Campos de mensaxe (texto limpo)
- Entradas de descrición (contido preciso)
- Calquera campo onde o formato sexa importante
Beneficios:
Reduce os erros do usuario, mellora a consistencia dos datos, simplifica o procesamento de texto e garante entradas limpas na base de datos
🎨 Transformación automática de texto
Formatar texto segundo o envíen os usuarios:
- Sen transformación: o texto permanece exactamente como se introduciu (predeterminado)
- MAIÚSCULAS – Converte todo o texto a maiúsculas (AVISO IMPORTANTE)
- minúsculas: converte todo o texto a minúsculas (comentarios casuais)
- Maiúscula inicial: só a primeira letra en maiúscula (oración estándar)
- Maiúsculas e minúsculas: primeira letra de cada palabra (títulos de sección)
Perfecto para:
- MAIÚSCULAS: Avisos, alertas, instrucións especiais
- minúsculas: comentarios informais, comentarios informais
- Maiúsculas: entradas de estilo oracional
- Maiúsculas e minúsculas: títulos, nomes de produtos, títulos
Procesamento intelixente:
A transformación ocorre durante o envío, mentres que os usuarios ven a súa entrada orixinal mentres escriben.
🙈 Modo de campo oculto
Datos multilínea invisibles
Crea campos de área de texto que non sexan visibles para os usuarios, pero que envíen datos co formulario. Perfecto para contido preenchido, notas do sistema ou seguimento do backend.
Casos de uso:
- Notas do sistema preenchidas
- Comentarios só para administradores
- Información de seguimento
- Mensaxes predeterminadas
- Metadatos ocultos
Como funciona:
Define o "Valor oculto" e incluirase automaticamente en cada envío de formulario sen aparecer na interface de usuario do formulario.
🔀 Lóxica condicional
Visibilidade da área de texto dinámica
Mostrar ou ocultar campos de área de texto segundo outros valores de formulario. Crear formularios intelixentes que se adapten ás seleccións do usuario.
Regras de lóxica avanzada:
- Lóxica E: deben cumprirse todas as condicións
- OU Lóxica: calquera condición pode desencadear a acción
- 8 operadores: Igual a, Non igual a, Maior que, Menor que, Contén, Está baleiro e máis
Casos de uso:
- Mostrar "Detalles adicionais" só cando o tipo de problema sexa igual a "Outro"
- Mostrar "Instrucións especiais" cando o método de entrega é "Personalizado"
- Ocultar os "Comentarios" cando a puntuación de satisfacción sexa superior a 4
- Mostrar o "Motivo da devolución" cando a caixa de verificación de devolución solicitada estea marcada
🎯 Experiencia de usuario mellorada
Funcións intelixentes integradas:
- Valores predeterminados: preencha a área de texto para guiar as respostas ou proporcionar modelos
- Texto de marcador de posición: mostra consellos útiles como "Díganos máis..." antes de que os usuarios escriban
- Texto de axuda: engade descricións para aclarar que tipo de detalles debes proporcionar
- Validación obrigatoria: fai que os campos sexan obrigatorios con indicadores claros
- Clases CSS personalizadas: aplica estilos personalizados para que coincidan coa túa marca
- Compatibilidade coa accesibilidade: etiquetas ARIA para lectores de pantalla
- Redimensionamento automático: o texto desprázase automaticamente cando o contido supera as filas visibles
- Optimizado para móbiles: compatible con teclado táctil e totalmente compatible
Configuración sinxela en 3 pasos
Ten listo o teu campo de Textarea en minutos
Engadir o campo Textarea
Arrastra e solta o campo Área de texto da sección Campos básicos no teu formulario.
Definir altura e límites
Escolle o número de filas visibles (de 4 a 8 na maioría dos casos), define límites mínimos/máximos de caracteres para a validación e, opcionalmente, activa o recorte de espazos en branco.
Opcións de configuración
Define o valor predeterminado ou o texto de marcador de posición, escolle a transformación de texto se é necesario e configura a lóxica condicional se o campo debe aparecer dinamicamente.
🎉 Iso é todo! O campo da área de texto está listo para a recollida de texto de varias liñas.
Aplicacións do mundo real
Comentarios e opinións
* Formularios de comentarios de clientes
* Valoracións e comentarios de produtos
* Comentarios sobre a satisfacción co servizo
* Recollida de testemuños
Asistencia e contacto
* Descricións dos tickets de soporte
* Mensaxes do formulario de contacto
* Detalles da solicitude de axuda
* Descricións de problemas
E-Commerce
* Solicitar instrucións especiais
* Mensaxes de agasallo
* Requisitos personalizados
* Notas de envío
Solicitudes e formularios
* Cartas de presentación e declaracións
* Descricións de proxectos
* Detalles da cualificación
* Información adicional
Envío de contido
* Contido da entrada do blog
* Envíos de historias
* Borradores de artigos
* Descricións do contido
Operacións empresariais
* Notas da reunión
* Comentarios internos
* Requisitos do proxecto
* Descricións de tarefas
Opcións de campo completas
Configuración básica
- Etiqueta do campo: o título que se mostra enriba do campo da área de texto
- Descrición/Texto de axuda: guía adicional para os usuarios
- Campo obrigatorio: facer que a entrada de texto sexa obrigatoria
- Texto de marcador de posición: texto de pista antes de que os usuarios escriban
Control de altura
- Filas: número de liñas de texto visibles (2-20, predeterminado: 4)
- Máis filas = caixa máis alta
- Os usuarios sempre poden escribir máis que as filas visibles
- O campo desprázase automaticamente para contido longo
Validación de lonxitude
- Lonxitude mínima: número mínimo de caracteres permitidos (validación)
- Lonxitude máxima: máximo de caracteres permitidos (límite fixo)
Valores predeterminados
- Valor predeterminado: texto preenchido cando se carga o formulario (pode ser de varias liñas)
- Valor oculto: valor para a área de texto oculta (cando o modo oculto está activado)
Calidade dos datos
Recortar espazos en branco: elimina automaticamente os espazos adicionais do principio e do final
Formato de texto
- Transformación de texto
- Sen transformación
- UPPERCASE
- minúsculas
- Maiúscula inicial
- Caso de título
Visibilidade no campo
Campo oculto: facer o campo invisible pero incluílo nos envíos
Lóxica condicional
- Activar a lóxica condicional: mostrar/ocultar segundo as condicións
- Tipo lóxico
- Débense cumprir todas as condicións (E)
- Calquera condición pódese cumprir (OU)
- Regras de condición
- Mostrar/Ocultar: acción a realizar
- Campo: que campo comprobar
- Operador – Igual a, Non é igual a, Contén, Maior que, Menor que, Está baleiro, Non está baleiro
- Valor – Valor de comparación
- Condicións múltiples: engade regras ilimitadas
Opcións avanzadas
- Clases CSS personalizadas: aplicar estilos personalizados
- Atributos de accesibilidade: etiquetas e descricións de ARIA
Por que elixir o noso campo Textarea?
✅ Altura flexible – As filas axustables (2-20) adáptanse a calquera lonxitude de contido
✅ Validación intelixente – Límites mínimos/máximos de caracteres con retroalimentación instantánea
✅ Formato automático – A transformación de texto faise automaticamente
✅ Datos limpos – O recorte de espazos en branco evita problemas de formato
✅ Amigable – Desprazamento automático, marcadores de posición e guía clara
✅ Optimizado para móbiles - Compatibilidade total co teclado en todos os dispositivos
✅ Formularios dinámicos – A lóxica condicional crea experiencias adaptativas
✅ Totalmente integrado – Funciona perfectamente con todas as funcionalidades do formulario
Preguntas máis frecuentes
P: Cal é a diferenza entre a entrada de texto e a área de texto?
A entrada de texto xestiona entradas dunha soa liña como nomes ou correos electrónicos. Textarea admite varias liñas, o que a fai ideal para mensaxes, comentarios e contido máis longo.
P: Como funcionan as filas?
As filas definen a altura visible. Se defines 4 filas, o campo mostra catro liñas. Os usuarios aínda poden escribir máis e o campo desprázase automaticamente.
P: Os usuarios poden escribir máis filas que as visibles?
Si. As filas só definen o tamaño inicial. Os usuarios poden seguir escribindo máis alá da área visible e o desprazamento aparecerá segundo sexa necesario.
P: Cal é un bo número de filas para diferentes usos?
Comentarios curtos: 3–4 filas. Comentarios medios: 5–7 filas. Descricións detalladas: 8–12 filas. Contido longo: 15–20 filas.
P: Como funciona o límite de caracteres?
MaxLength impide escribir máis alá do número establecido de caracteres. MinLength require un certo número antes de que o formulario se poida enviar.
P: Podo preencher a área de texto con texto de varias liñas?
Si. Engade un Valor predeterminado con saltos de liña e aparecerá exactamente como está escrito cando se carga o formulario.
P: Que fai «recortar espazos en branco»?
Elimina os espazos iniciais e finais sen afectar o espazado interno nin os saltos de liña.
P: Como funcionan as transformacións de texto?
O usuario escribe normalmente e o texto cambia ao enviar o texto. Por exemplo, "gran produto" convértese en "Gran produto" en maiúsculas iniciais.
P: Podo usar lóxica condicional con textarea?
Si. Mostrar ou ocultar os campos da área de texto segundo outras entradas usando condicións como "Contén", "Igual a" ou "Está baleiro".
P: Para que se usan mellor as áreas de texto?
Mensaxes, comentarios, descricións detalladas, comentarios, instrucións, reseñas e calquera cousa que requira entrada de varias liñas.
P: Textarea funciona en móbiles?
Si. Adáptase ao tamaño da pantalla e admite teclados e desprazamento nativos para móbiles.
P: Podo limitar a área de texto a un formato específico?
Textarea non admite a validación estrita de patróns. Usa o reconto de caracteres ou divide o contido en varios campos dunha soa liña se necesitas estrutura.
