Camp d'àrea de text
Recopila text més llarg amb facilitat i control. Des de comentaris dels clients fins a descripcions detallades amb alçada ajustable, límits de caràcters i format intel·ligent, el camp Àrea de text proporciona l'espai que els usuaris necessiten per a comentaris, missatges, descripcions i qualsevol contingut de text de diverses línies.
Perfecte per a col·leccions de textos de format llarg
Perfecte per:
Funcions potents per a cada cas d'ús
📐 Control d'alçada ajustable
Files visibles personalitzables
Defineix quantes línies de text són visibles (2-20 files). Més files = quadre més alt = text més visible sense desplaçament.
Valors predeterminats intel·ligents
El valor per defecte és de 4 files, perfecte per a la majoria de comentaris i missatges. Ajusteu-ho en funció de la longitud esperada del contingut.
Exemples:
- Comentaris breus: 3-4 files
- Comentaris detallats: 6-8 files
- Descripcions llargues: 10-15 files
- Testimonis complets: 15-20 files
Experiència d'usuari:
Els usuaris sempre poden escriure més files que les visibles: el camp es desplaça automàticament. L'alçada de la fila només controla l'àrea visible inicial.
📏 Control de longitud de caràcters
Límits mínims i màxims de caràcters
Defineix les entrades de text més curtes i més llargues permeses. Evita els enviaments massa breus o massa llargs amb la validació integrada del navegador.
Recompte de caràcters en temps real
Els usuaris reben comentaris instantanis si la seva entrada no compleix els requisits de longitud; no hi ha sorpreses després de l'enviament.
Exemples:
- Comentaris: Mínim 10, Màxim 1000 caràcters
- Ressenya del producte: Mínim 50, Màxim 5000 caràcters
- Comentari: Màxim 500 caràcters
- Descripció: Mínim 20, Màxim 2000 caràcters
Per què és important:
Controlar la qualitat de les dades, evitar el correu brossa, garantir respostes significatives, gestionar l'emmagatzematge de la base de dades i guiar els usuaris perquè proporcionin els detalls adequats.
✂️ Retall automàtic d'espais en blanc
Text multilínia net
Elimineu els espais accidentals del principi i del final de les entrades de text automàticament. Obteniu dades netes i coherents sense neteja manual.
Casos d'ús:
- Formularis de comentaris (sense espais al final)
- Camps de missatge (text net)
- Entrades de descripció (contingut precís)
- Qualsevol camp on el format sigui important
Beneficis:
Redueix els errors de l'usuari, millora la coherència de les dades, simplifica el processament de text i garanteix entrades de base de dades netes
🎨 Transformació automàtica de text
Formata el text tal com l'envien els usuaris:
- Sense transformació: el text es manté exactament com s'ha introduït (per defecte)
- MAJÚSCULES – Converteix tot el text a majúscules (AVÍS IMPORTANT)
- minúscules – Converteix tot el text a minúscules (comentaris casuals)
- Majúscula de la primera lletra: només la primera lletra en majúscula (oració estàndard)
- Minúscula i majúscula del títol: primera lletra de cada paraula (encapçalaments de secció)
Perfecte per a:
- MAJÚSCULES: Avisos, alertes, instruccions especials
- minúscules: comentaris informals, comentaris casuals
- Majúscules: Entrades d'estil de frase
- Majúscules i minúscules: Encapçalaments, noms de productes, títols
Processament intel·ligent:
La transformació es produeix durant l'enviament, mentre que els usuaris veuen la seva entrada original mentre escriuen.
🙈 Mode de camp ocult
Dades multilínies invisibles
Crea camps d'àrea de text que no siguin visibles per als usuaris però que enviïn dades amb el formulari. Perfecte per a contingut preomplert, notes del sistema o seguiment del backend.
Casos d'ús:
- Notes del sistema preemplenades
- Comentaris només per a administradors
- Seguiment de la informació
- Missatges predeterminats
- Metadades ocultes
Com funciona:
Defineu el "Valor ocult" i s'inclourà automàticament a cada enviament de formulari sense aparèixer a la interfície d'usuari del formulari.
🔀 Lògica condicional
Visibilitat de l'àrea de text dinàmica
Mostra o amaga els camps de l'àrea de text en funció dels valors d'altres formularis. Crea formularis intel·ligents que s'adaptin a les seleccions de l'usuari.
Regles de lògica avançada:
- Lògica I: s'han de complir totes les condicions
- Lògica O: qualsevol condició pot desencadenar l'acció
- 8 operadors: Igual a, No igual a, Més gran que, Més petit que, Conté, És buit i més
Casos d'ús:
- Mostra "Detalls addicionals" només quan el tipus de problema sigui igual a "Altres"
- Mostra "Instruccions especials" quan el mètode de lliurament és "Personalitzat"
- Amaga els "Comentaris" quan la puntuació de satisfacció sigui superior a 4
- Mostra el "Motiu de la devolució" quan la casella de selecció de devolució sol·licitada estigui marcada
🎯 Experiència d'usuari millorada
Funcions intel·ligents integrades:
- Valors per defecte: ompliu prèviament l'àrea de text per guiar les respostes o proporcionar plantilles.
- Text de marcador de posició: mostra consells útils com ara "Explica'ns-ne més..." abans que els usuaris escriguin
- Text d'ajuda: afegiu descripcions per aclarir quin tipus de detalls cal proporcionar.
- Validació obligatòria: feu que els camps siguin obligatoris amb indicadors clars
- Classes CSS personalitzades: apliqueu estils personalitzats que coincideixin amb la vostra marca
- Suport d'accessibilitat: etiquetes ARIA per a lectors de pantalla
- Canvi de mida automàtic: el text es desplaça automàticament quan el contingut supera les files visibles
- Optimitzat per a mòbils: tàctil amb compatibilitat total amb teclat
Configuració senzilla en 3 passos
Prepareu el vostre camp de Textarea en minuts
Afegiu el camp Textarea
Arrossegueu i deixeu anar el camp Àrea de text de la secció Camps bàsics al formulari.
Estableix l'alçada i els límits
Trieu el nombre de files visibles (4-8 per a la majoria dels casos), definiu límits mínims/màxims de caràcters per a la validació i, opcionalment, activeu la retallada d'espais en blanc.
Configura Opcions
Estableix el valor per defecte o el text del marcador de posició, tria la transformació de text si cal i configura la lògica condicional si el camp ha d'aparèixer dinàmicament.
🎉 Això és tot! El camp de l'àrea de text està llest per a la recopilació de text de diverses línies.
Aplicacions del món real
Feedback i ressenyes
* Formularis de comentaris dels clients
* Ressenyes i valoracions de productes
* Comentaris sobre la satisfacció amb el servei
* Recull de testimonis
Assistència i contacte
* Descripcions de tiquets d'assistència
* Missatges del formulari de contacte
* Detalls de la sol·licitud d'ajuda
* Descripcions de problemes
E-commerce
* Demanar instruccions especials
* Missatges de regal
* Requisits personalitzats
* Notes d'enviament
Aplicacions i formularis
* Cartes de presentació i declaracions
* Descripcions de projectes
* Detalls de la qualificació
* Informació addicional
Enviament de contingut
* Contingut de les entrades del bloc
* Enviaments d'històries
* Esborranys d'articles
* Descripcions del contingut
Operacions de Negocis
* Notes de la reunió
* Comentaris interns
* Requisits del projecte
* Descripcions de tasques
Opcions de camp completes
Configuració bàsica
- Etiqueta del camp: el títol que es mostra a sobre del camp de l'àrea de text
- Descripció/Text d'ajuda: guia addicional per als usuaris
- Camp obligatori: feu que l'entrada de text sigui obligatòria
- Text de marcador de posició: text de pista abans que els usuaris escriguin
Control d’alçada
- Files: nombre de línies de text visibles (2-20, per defecte: 4)
- Més files = caixa més alta
- Els usuaris sempre poden escriure més que les files visibles
- El camp es desplaça automàticament per a contingut llarg
Validació de longitud
- Longitud mínima: mínim de caràcters permesos (validació)
- Longitud màxima: es permeten el màxim de caràcters (límit estricte)
Valors predeterminats
- Valor per defecte: text preomplert quan es carrega el formulari (pot ser de diverses línies)
- Valor ocult: valor per a l'àrea de text oculta (quan el mode ocult està habilitat)
Qualitat de les dades
Retalla els espais en blanc: elimina automàticament els espais addicionals del principi i del final
Format del text
- Transformació de text
- Cap transformació
- UPPERCASE
- en minúscules
- Majúscula de la primera lletra
- Cas de títol
Visibilitat de camp
Camp ocult: fes que el camp sigui invisible però inclogui'l a les trameses
Lògica condicional
- Habilita la lògica condicional: mostra/amaga segons les condicions
- Tipus lògic
- Cal complir totes les condicions (I)
- Es pot complir qualsevol condició (O)
- Regles de condició
- Mostra/Amaga: Acció a realitzar
- Camp: quin camp cal comprovar
- Operador – Igual a, No és igual a, Conté, Més gran que, Menor que, És buit, No és buit
- Valor – Valor de comparació
- Condicions múltiples: afegeix regles il·limitades
Opcions avançades
- Classes CSS personalitzades: aplica estils personalitzats
- Atributs d'accessibilitat: etiquetes i descripcions ARIA
Per què escollir el nostre camp Textarea?
✅ Alçada flexible – Les files ajustables (2-20) s'adapten a qualsevol longitud de contingut
✅ Validació intel·ligent – Límits mínims/màxims de caràcters amb resposta instantània
✅ Formatació automàtica – La transformació del text es fa automàticament
✅ Dades netes – La retallada d'espais en blanc evita problemes de formatació
✅ Fàcil d'usar – Desplaçament automàtic, marcadors de posició i guia clara
✅ Optimitzat per a mòbils – Compatibilitat completa amb el teclat en tots els dispositius
✅ Formularis dinàmics – La lògica condicional crea experiències adaptatives
✅ Totalment integrat – Funciona perfectament amb totes les funcions del formulari
Preguntes freqüents
P: Quina diferència hi ha entre l'entrada de text i l'àrea de text?
L'entrada de text gestiona entrades d'una sola línia com ara noms o correus electrònics. Textarea admet diverses línies, cosa que la fa ideal per a missatges, comentaris i contingut més llarg.
P: Com funcionen les files?
Les files defineixen l'alçada visible. Si definiu 4 files, el camp mostra quatre línies. Els usuaris encara poden escriure més i el camp es desplaça automàticament.
P: Els usuaris poden escriure més files que les visibles?
Sí. Les files només defineixen la mida inicial. Els usuaris poden continuar escrivint més enllà de l'àrea visible i el desplaçament apareixerà segons calgui.
P: Quin és un bon nombre de files per a diferents usos?
Comentaris breus: 3–4 files. Comentaris mitjans: 5–7 files. Descripcions detallades: 8–12 files. Contingut llarg: 15–20 files.
P: Com funciona el límit de caràcters?
MaxLength bloqueja l'escriptura més enllà del nombre establert de caràcters. MinLength requereix un nombre determinat abans que el formulari es pugui enviar.
P: Puc preomplir l'àrea de text amb text de diverses línies?
Sí. Afegiu un valor per defecte amb salts de línia i apareixerà exactament com està escrit quan es carrega el formulari.
P: Què fa «retallar els espais en blanc»?
Elimina els espais inicials i finals sense afectar l'espaiat intern ni els salts de línia.
P: Com funcionen les transformacions de text?
L'usuari escriu normalment i el text canvia en enviar-lo. Per exemple, "gran producte" esdevé "Gran producte" en majúscula i minúscula.
P: Puc utilitzar lògica condicional amb una àrea de text?
Sí. Mostra o amaga els camps de l'àrea de text en funció d'altres entrades mitjançant condicions com ara "Conté", "Igual a" o "Està buit".
P: Per a què s'utilitzen millor les àrees de text?
Missatges, comentaris, descripcions detallades, suggeriments, instruccions, ressenyes i qualsevol cosa que requereixi entrada de diverses línies.
P: Textarea funciona en mòbils?
Sí. S'adapta a la mida de la pantalla i admet teclats i desplaçament nadius per a mòbils.
P: Puc limitar l'àrea de text a un format específic?
Textarea no admet la validació estricta de patrons. Si necessiteu estructura, utilitzeu el recompte de caràcters o dividiu el contingut en diversos camps d'una sola línia.
