Camp d'entrada de text
Recopila text amb precisió i flexibilitat. Des de noms simples fins a patrons complexos amb validació integrada, formatació intel·ligent i una potent personalització: el camp d'entrada de text s'adapta a qualsevol cas d'ús amb límits de caràcters, formatació automàtica i modes de contrasenya segura.
La base de cada formulari de WordPress
Perfecte per:
Funcions potents per a cada cas d'ús
📏 Control intel·ligent de longitud
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 curts o massa llargs amb la validació integrada del navegador.
Validació 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:
- Nom d'usuari: Mínim 3, Màxim 20 caràcters
- Codi postal: Mínim 5, Màxim 10 caràcters
- Nom: Mínim 2, Màxim 50 caràcters
- Comentari: Màxim 500 caràcters
Per què és important:
Controlar la qualitat de les dades, evitar el correu brossa, garantir la compatibilitat de la base de dades i guiar els usuaris perquè proporcionin la quantitat correcta d'informació.
✅ Patrons de validació integrats
6 tipus de validació preconfigurats:
- 1. Cap: accepta qualsevol text (per defecte)
2. Correu electrònic: valida el format de correu electrònic correcte ([protegit per correu electrònic])
3. URL: calen adreces web vàlides (https://example.com)
4. Només lletres: només caràcters alfabètics i espais (John Doe)
5. Només números: només dígits numèrics (123456)
6. Alfanumèric: lletres i números, sense caràcters especials (Usuari123)
A més de patrons personalitzats:
- Defineix la teva pròpia validació d'expressions regulars per a formats especialitzats com ara:
- Plaques de matrícula: `^[AZ]{3}[0-9]{4}$`
- Codis de producte: `^[AZ]{2}[0-9]{6}$`
- Formats personalitzats únics per al vostre negoci
Comentaris instantanis:
Els usuaris veuen missatges d'error clars si la seva entrada no coincideix amb el format requerit.
✂️ Retall automàtic d'espais en blanc
Neteja les dades automàticament
Elimina els espais accidentals del principi i del final de les entrades de text. S'ha acabat "Joan" quan vols "Joan".
Casos d'ús:
- Adreces de correu electrònic (sense espais al final)
- Noms d'usuari (sense espais al principi)
- Codis de referència (coincidències exactes)
- Qualsevol camp on la precisió sigui important
Beneficis:
Redueix els errors de l'usuari, millora la coherència de les dades, evita problemes de validació i simplifica la coincidència i la cerca.
🔒 Mode de contrasenya
Màscara d'entrada segura
Transforma qualsevol camp de text en un camp de contrasenya. Els caràcters apareixen com a punts (•••) per protegir la informació sensible dels usuaris que s'espaulen.
Perfecte per a:
- Entrades de contrasenya i PIN
- Codis i tokens de seguretat
- Números d'identificació confidencials
- Codis d'autenticació de dos factors
Comportament intel·ligent:
El mode de contrasenya desactiva automàticament les funcions conflictives com la transformació de text i els tipus d'entrada especials per garantir la seguretat.
📱 Tipus d'entrada intel·ligent
Optimitzat per a mòbils i escriptoris:
- Text normal: entrada de text estàndard per a ús general
- Cerca: inclou un botó d'esborrat integrat (X) per a un restabliment ràpid
- Telèfon: activa el teclat numèric dels dispositius mòbils per facilitar l'entrada del número de telèfon
- URL: mostra un teclat mòbil especialitzat amb dreceres .com i .org
Per què és important:
El tipus d'entrada correcte accelera l'entrada de dades al mòbil, redueix els errors i millora l'experiència de l'usuari en tots els dispositius.
🎨 Transformació automàtica de text
Formata el text com a tipus d'usuari:
- Sense transformació: el text es manté exactament com s'ha introduït.
- MAJÚSCULES – Converteix tot el text a majúscules (JOHN DOE)
- minúscules – Converteix tot el text a minúscules (john doe)
- Majúscula de la primera lletra: només la primera lletra és majúscula (John Doe)
- Majúscula i majúscula del títol: primera lletra de cada paraula (John Doe)
Perfecte per a:
- MAJÚSCULES: Matrícules, codis d'estat, identificadors de producte
- minúscules: adreces de correu electrònic, noms d'usuari
- Majúscules: inicis de frase, noms sols
- Majúscules i minúscules del títol: Noms complets, adreces, títols
Comportament intel·ligent:
La transformació es produeix automàticament durant l'enviament mentre els usuaris veuen la seva entrada original.
🙈 Mode de camp ocult
Camps de dades invisibles
Crea camps que no siguin visibles per als usuaris però que enviïn dades amb el formulari. Perfecte per al seguiment, els codis de referència i els valors del sistema.
Casos d'ús:
- Paràmetres de seguiment UTM
- ID de font de referència
- Números de versió del formulari
- Marcadors de marca de temps
- Metadades ocultes
Com funciona:
Defineu el "Valor ocult" i s'inclourà automàticament a cada enviament de formulari sense sobrecarregar la interfície d'usuari del formulari.
🔀 Lògica condicional
Visibilitat dinàmica del camp
Mostra o amaga els camps de text en funció d'altres valors de formulari. Crea formularis intel·ligents que s'adaptin a l'entrada 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 "Nom de l'empresa" només quan el tipus d'usuari sigui igual a "Empresa"
- Mostrar "Font de referència" quan "Com vau saber de nosaltres?" contingui "Referència"
- Amaga "Altres detalls" quan l'opció principal no està buida
- Mostra el "codi promocional" quan el valor de la comanda sigui superior a 100 $
🎯 Experiència d'usuari millorada
Funcions intel·ligents integrades:
- Valors per defecte: ompliu prèviament els camps per accelerar la finalització
- Text de marcador de posició: mostra consells útils abans que els usuaris escriguin
- Text d'ajuda: afegiu descripcions per aclarir què cal introduir
- 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
- Optimitzat per a mòbils: entrades tàctils amb teclats adequats
Configuració senzilla en 3 passos
Prepareu el vostre camp d'entrada de text en qüestió de minuts
Afegir el camp de text
Arrossegueu i deixeu anar el camp d'entrada de text de la secció Camps bàsics al formulari.
Estableix la validació i els límits
Trieu el tipus de validació (correu electrònic, URL, lletres, etc.), definiu els límits mínims/màxims de caràcters i, opcionalment, activeu el mode de contrasenya o la retallada d'espais en blanc.
Configura el format
Seleccioneu el tipus d'entrada per a l'optimització mòbil, trieu la transformació de text (majúscules, minúscules, etc.) i definiu valors o marcadors de posició predeterminats.
🎉 Això és tot! El camp de text està a punt amb validació i format intel·ligents.
Aplicacions del món real
Registre d'Usuari
* Camps de nom d'usuari amb límits de longitud
* Entrades de contrasenya amb emmascarament
* Camps de nom amb format de majúscula i minúscula
* Adreces de correu electrònic amb validació
Formularis de contacte
* Nom complet amb majúscules i minúscules
* Validació del correu electrònic
* Números de telèfon amb entrada de tel.
* Camps de missatge/comentaris
E-commerce
* Introducció del codi promocional (en majúscules)
* Camps de missatge de regal
* Instruccions especials
* Notes d'enviament
Aplicacions empresarials
* Números d'identificació d'empleat
* Noms dels departaments
* Números de referència
* Codis interns
Sol·licituds i registre
* Números de llicència
* Codis de certificació
* Identificadors de membre
* Identificadors personalitzats
Cerca i filtratge
* Introducció de cerca amb el botó d'esborrar
* Filtra els camps de text
* Entrades de paraules clau
* Entrades de consulta
Opcions de camp completes
Configuració bàsica
- Etiqueta del camp: el títol que es mostra a sobre del camp 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
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
- Valor ocult: valor per als camps ocults (quan el mode ocult està habilitat)
Seguretat i privadesa
- Camp de contrasenya: emmascara l'entrada com a contrasenya (mostra punts •••)
Camp ocult: fes que el camp sigui invisible però inclogui'l a les trameses
Qualitat de les dades
Retalla els espais en blanc: elimina automàticament els espais addicionals del principi i del final
Normes de validació
- Tipus de validació
- Cap (qualsevol text)
- Correu electrònic ([protegit per correu electrònic])
- URL (https://example.com)
- Només lletres (només AZ)
- Només números (només del 0 al 9)
- Alfanumèric (AZ i 0-9)
- Patró personalitzat (expressió regular)
- Patró personalitzat: expressió regular per a la validació personalitzada (quan se selecciona "Personalitzat")
Tipus d'entrada
- Tipus d’entrada
- Text normal
- Cerca (amb el botó Esborra)
- Telèfon (teclat numèric al mòbil)
- URL (teclat mòbil especialitzat)
Format del text
- Transformació de text
- Cap transformació
- UPPERCASE
- en minúscules
- Majúscula de la primera lletra
- Cas de títol
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è triar el nostre camp d'entrada de text?
✅ Versàtil: funciona per a noms, codis, contrasenyes i tot el que hi ha entremig
✅ Validació intel·ligent: més de 6 patrons de validació i expressions regulars personalitzades
✅ Optimitzat per a mòbils: teclats adequats per a cada tipus d'entrada
✅ Format automàtic: la transformació del text es produeix automàticament
✅ Segur: el mode de contrasenya protegeix la informació confidencial
✅ Neteja de dades: la retallada d'espais en blanc evita errors comuns
✅ Flexible: camps ocults, valors per defecte, lògica condicional
✅ Fàcil d'usar: missatges de validació clars guien els usuaris
✅ Totalment integrat: funciona perfectament amb totes les funcions del formulari
Preguntes freqüents
P: Quina diferència hi ha entre la longitud mínima/màxima i la validació?
La longitud mínima/màxima controla quants caràcters es permeten. La validació controla quins caràcters es permeten, com ara només lletres, només números o el format de correu electrònic.
P: Puc validar tant la longitud com el format?
Sí. Combina la longitud mínima/màxima amb les regles de validació. Per exemple, estableix un mínim de 3, un màxim de 15 i una validació alfanumèrica per a un camp de nom d'usuari.
P: Com funciona el mode contrasenya?
El mode de contrasenya emmascara els caràcters amb punts, igual que els camps de contrasenya típics a les pantalles d'inici de sessió.
P: Què fa «retallar els espais en blanc»?
Elimina els espais inicials i finals abans de l'enviament, de manera que els espais accidentals no trenquin la validació.
P: Puc crear patrons de validació personalitzats?
Sí. Feu servir el "Patró personalitzat" i afegiu una expressió regular per aplicar qualsevol estructura que necessiteu.
P: Com funcionen les transformacions de text?
L'usuari escriu normalment i el sistema transforma el text en enviar-lo, com ara convertint-lo a majúscules o MAJÚSCULES.
P: Per a què serveix el tipus d'entrada de cerca?
Afegeix un botó d'esborrat (X) integrat perquè els usuaris puguin restablir el camp a l'instant mentre cerquen.
P: Per què utilitzar el tipus d'entrada "tel"?
Al mòbil, obre un teclat numèric per facilitar la introducció de dígits d'estil telefònic.
P: Puc utilitzar la lògica condicional amb camps de text?
Sí. Condicions com ara "Conté", "És igual a" o "Està buit" permeten mostrar o ocultar camps segons l'entrada de l'usuari.
P: Per a què serveixen els camps ocults?
Emmagatzemen dades sense ser visibles per a l'usuari, útils per al seguiment de metadades com ara etiquetes UTM o fonts de referència.
P: Es poden utilitzar camps de text per a números?
Sí, però feu servir el camp Número per a càlculs o validació numèrica. Feu servir Text amb "Només números" quan necessiteu codis o identificadors que no s'hagin de tractar com a números.
P: Quina precisió poden tenir els patrons d'expressió regular?
Les expressions regulars poden aplicar patrons extremadament específics. Feu servir un verificador d'expressions regulars si necessiteu crear o verificar patrons complexos.
