Câmp de introducere text
Colectați text cu precizie și flexibilitate. De la nume simple la modele complexe, cu validare încorporată, formatare inteligentă și personalizare puternică - câmpul de introducere text se adaptează oricărui caz de utilizare, cu limite de caractere, formatare automată și moduri de parolă securizată.
Fundația fiecărui formular WordPress
Perfect pentru:
Funcții puternice pentru fiecare caz de utilizare
📏 Control inteligent al lungimii
Limite minime și maxime de caractere
Setați cele mai scurte și cele mai lungi intrări de text permise. Preveniți trimiterile prea scurte sau prea lungi cu validarea încorporată a browserului.
Validare în timp real
Utilizatorii primesc feedback instantaneu dacă înscrierea lor nu îndeplinește cerințele de lungime – fără surprize după trimitere.
Exemple:
- Nume de utilizator: Min 3, Max 20 caractere
- Cod poștal: Min 5, Max 10 caractere
- Nume: Min 2, Max 50 caractere
- Comentariu: Maxim 500 de caractere
De ce contează:
Controlați calitatea datelor, preveniți spamul, asigurați compatibilitatea bazei de date și îndrumați utilizatorii pentru a furniza cantitatea corectă de informații.
✅ Modele de validare încorporate
6 tipuri de validare preconfigurate:
- 1. Niciunul – Acceptă orice text (implicit)
2. E-mail – Validează formatul corect al e-mailului ([e-mail protejat])
3. URL – Necesită adrese web valide (https://example.com)
4. Numai litere – Numai caractere alfabetice și spații (John Doe)
5. Numai numere – Numai cifre numerice (123456)
6. Alfanumeric – Litere și cifre, fără caractere speciale (Utilizator123)
Plus modele personalizate:
- Definește-ți propria validare regex pentru formate specializate precum:
- Plăcuțe de înmatriculare: `^[AZ]{3}[0-9]{4}$`
- Coduri de produs: `^[AZ]{2}[0-9]{6}$`
- Formate personalizate unice pentru afacerea dvs.
Feedback instantaneu:
Utilizatorii văd mesaje de eroare clare dacă datele introduse nu corespund formatului necesar.
✂️ Decuparea automată a spațiilor albe
Curățați datele automat
Eliminați spațiile accidentale de la începutul și sfârșitul intrărilor de text. Gata cu „Ioan” când doriți „Ioan”.
Cazuri de utilizare:
- Adrese de e-mail (fără spații la final)
- Nume de utilizator (fără spații la început)
- Coduri de referință (potriviri exacte)
- Orice domeniu în care precizia contează
Beneficii:
Reduce erorile utilizatorilor, îmbunătățește consistența datelor, previne problemele de validare și simplifică potrivirea și căutarea.
🔒 Mod parolă
Mascare securizată a intrării
Transformă orice câmp de text într-un câmp pentru parolă. Caracterele apar ca puncte (•••) pentru a proteja informațiile sensibile de utilizatorii care ignoră informațiile.
Perfect pentru:
- Introduceri parolă și cod PIN
- Coduri de securitate și token-uri
- Numere de identificare confidențiale
- Coduri de autentificare cu doi factori
Comportament inteligent:
Modul parolă dezactivează automat funcțiile conflictuale, cum ar fi transformarea textului și tipurile speciale de introducere a datelor, pentru a asigura securitatea.
📱 Tipuri inteligente de introducere a datelor
Optimizat pentru mobil și desktop:
- Text normal – Introducere de text standard pentru uz general
- Căutare – Include buton de ștergere încorporat (X) pentru resetare rapidă
- Telefon – Activează tastatura numerică pe dispozitivele mobile pentru introducerea mai ușoară a numărului de telefon
- URL – Afișează o tastatură mobilă specializată cu comenzi rapide .com, .org
De ce contează:
Tipul corect de introducere a datelor accelerează introducerea datelor pe mobil, reduce erorile și îmbunătățește experiența utilizatorului pe toate dispozitivele.
🎨 Transformare automată a textului
Formatați textul așa cum tastează utilizatorii:
- Fără transformare – Textul rămâne exact așa cum a fost introdus
- MAJUSCULE – Convertește tot textul în majuscule (JOHN DOE)
- minuscule – Convertește tot textul în minuscule (john doe)
- Scrieți prima literă cu majusculă – Doar prima literă cu majusculă (John doe)
- Minuscul titlului – Prima literă a fiecărui cuvânt (John Doe)
Perfect pentru:
- MAJUSCULE: Plăcuțe de înmatriculare, coduri de stat, ID-uri de produs
- minuscule: adrese de e-mail, nume de utilizator
- Scrieți cu majusculă: începuturi de propoziție, nume individuale
- Titlu cu majuscule: Nume complete, adrese, titluri
Comportament inteligent:
Transformarea se produce automat în timpul trimiterii, în timp ce utilizatorii văd datele introduse inițial.
🙈 Mod Câmp Ascuns
Câmpuri de date invizibile
Creați câmpuri care nu sunt vizibile utilizatorilor, dar care trimit date odată cu formularul. Perfect pentru urmărire, coduri de recomandare și valori de sistem.
Cazuri de utilizare:
- Parametrii de urmărire UTM
- ID-urile surselor de recomandare
- Numerele de versiune ale formularului
- Marcatori de timp
- Metadate ascunse
Cum funcționează:
Setați „Valoare ascunsă” și aceasta va fi inclusă automat în fiecare formular trimis, fără a aglomera interfața formularului.
🔀 Logică condiționată
Vizibilitate dinamică în câmp
Afișați sau ascundeți câmpurile de text în funcție de alte valori ale formularului. Creați formulare inteligente care se adaptează la datele introduse de utilizator.
Reguli logice avansate:
- Logică ȘI – Trebuie îndeplinite toate condițiile
- SAU Logică – Orice condiție poate declanșa acțiunea
- 8 operatori – Egal cu, Nu este egal cu, Mai mare decât, Mai mic decât, Conține, Este gol și alții
Cazuri de utilizare:
- Afișează „Numele companiei” numai când tipul de utilizator este egal cu „Companie”
- Afișați „Sursa de recomandare” atunci când „Cum ați aflat despre noi?” conține „Recomandare”
- Ascunde „Alte detalii” când opțiunea principală este completă
- Afișează „Codul promoțional” când valoarea comenzii depășește 100 USD
🎯 Experiență îmbunătățită pentru utilizator
Funcții inteligente încorporate:
- Valori implicite – Precompletați câmpurile pentru a accelera finalizarea
- Text substituent – Afișează sugestii utile înainte ca utilizatorii să tasteze
- Text de ajutor – Adăugați descrieri pentru a clarifica ce trebuie introdus
- Validare obligatorie – Faceți câmpurile obligatorii cu indicatori clari
- Clase CSS personalizate – Aplicați stiluri personalizate pentru a se potrivi cu brandul dvs.
- Suport pentru accesibilitate – etichete ARIA pentru cititoare de ecran
- Optimizat pentru mobil – Intrare tactilă cu tastaturi adecvate
Configurare simplă în 3 pași
Pregătește-ți câmpul de introducere a textului în câteva minute
Adăugați câmpul de text
Trageți și plasați câmpul Introducere text din secțiunea Câmpuri de bază în formular.
Setați validarea și limitele
Alegeți tipul de validare (e-mail, URL, litere etc.), setați limite minime/maxime de caractere și, opțional, activați modul parolă sau eliminarea spațiilor albe.
Configurați formatarea
Selectați tipul de introducere pentru optimizarea mobilă, alegeți transformarea textului (majuscule, minuscule etc.) și setați valorile implicite sau substituenții.
???? Asta e tot! Câmpul text este gata cu validare și formatare inteligente.
Aplicații din lumea reală
Înregistrare utilizator
Câmpuri de nume de utilizator cu limite de lungime
* Introducerea parolei cu mascare
* Câmpuri de nume cu formatare de titlu cu majuscule/minuscule
* Adrese de e-mail cu validare
Formulare de contact
* Numele complet cu majuscule/minuscule
* Validare email
* Numere de telefon cu introducere tel
* Câmpuri pentru mesaje/comentarii
E-commerce
* Introducere cod promoțional (cu majuscule)
* Câmpuri pentru mesaje cadou
* Instrucțiuni speciale
* Note de expediere
Aplicații pentru afaceri
* Numere de identificare ale angajaților
* Numele departamentelor
* Numere de referință
* Coduri interne
Aplicații și înregistrare
* Numere de înmatriculare
* Coduri de certificare
* ID-uri de membru
* Identificatori personalizați
Căutare și filtrare
* Introducerea căutării cu butonul de ștergere
* Filtrare câmpuri de text
* Intrări de cuvinte cheie
* Intrări de interogare
Opțiuni complete de câmp
Configurare de bază
- Etichetă câmp – Titlul afișat deasupra câmpului de text
- Descriere/Text de ajutor – Îndrumări suplimentare pentru utilizatori
- Câmp obligatoriu – Introducerea de text este obligatorie
- Text substituent – Text cu indicii înainte ca utilizatorii să tasteze
Validarea lungimii
- Lungime minimă – Numărul minim de caractere permis (validare)
- Lungime maximă – Cele mai multe caractere permise (limită fixă)
Valori implicite
- Valoare implicită – Text precompletat la încărcarea formularului
- Valoare ascunsă – Valoare pentru câmpurile ascunse (când modul ascuns este activat)
Securitate și confidențialitate
- Câmp parolă – Maschează introducerea ca parolă (afișează puncte •••)
Câmp ascuns – Faceți câmpul invizibil, dar includeți-l în trimiteri
Calitatea datelor
Trim Whitespace – Elimină automat spațiile suplimentare de la început și sfârșit
Reguli de validare
- Tip de validare
- Niciunul (orice text)
- E-mail ([e-mail protejat])
- URL (https://example.com)
- Numai litere (numai de la A la Z)
- Numai numere (numai 0-9)
- Alfanumeric (AZ și 0-9)
- Model personalizat (regex)
- Model personalizat – Expresie regulată pentru validare personalizată (când este selectată opțiunea „Personalizat”)
Tipuri de intrare
- Tip de introducere
- Text normal
- Căutare (cu butonul de ștergere)
- Telefon (tastatură numerică pe mobil)
- URL (tastatură mobilă specializată)
Formatarea textului
- Transformarea textului
- Nicio transformare
- MAJUSCULE
- litere mici
- Scrieți prima literă cu majusculă
- Titlu Case
Logica conditionata
- Activează logica condiționată – Afișează/ascunde în funcție de condiții
- Tip logic
- Toate condițiile trebuie îndeplinite (ȘI)
- Orice condiție poate fi îndeplinită (SAU)
- Reguli de condiție
- Afișare/Ascundere – Acțiune de întreprins
- Câmp – Ce câmp să verificați
- Operator – Egal cu, Nu este egal cu, Conține, Mai mare decât, Mai mic decât, Este gol, Nu este gol
- Valoare – Valoare de comparație
- Condiții multiple – Adăugați reguli nelimitate
Opțiuni avansate
- Clase CSS personalizate – Aplicați stiluri personalizate
- Atribute de accesibilitate – etichete și descrieri ARIA
De ce să alegeți câmpul nostru de introducere a textului?
✅ Versatil – Funcționează pentru nume, coduri, parole și tot ce se află între ele
✅ Validare inteligentă – peste 6 modele de validare plus expresii regulate personalizate
✅ Optimizat pentru mobil – Tastaturi adecvate pentru fiecare tip de introducere a textului
✅ Formatare automată – Transformarea textului se face automat
✅ Securitate – Modul parolă protejează informațiile sensibile
✅ Date curate – Eliminarea spațiilor albe previne erorile frecvente
✅ Flexibil – Câmpuri ascunse, valori implicite, logică condițională
✅ Ușor de utilizat – Mesaje clare de validare ghidează utilizatorii
✅ Complet integrat – Funcționează perfect cu toate funcțiile formularului
Întrebări frecvente
Î: Care este diferența dintre lungimea minimă/maximă și validare?
Lungimea minimă/maximă controlează numărul de caractere permise. Validarea controlează ce caractere sunt permise, cum ar fi doar litere, doar cifre sau formatul de e-mail.
Î: Pot valida atât lungimea, cât și formatul?
Da. Combinați lungimea minimă/maximă cu regulile de validare. De exemplu, setați minim 3, maxim 15 și validarea alfanumerică pentru un câmp de nume de utilizator.
Î: Cum funcționează modul parolă?
Modul parolă maschează caracterele cu puncte, la fel ca în câmpurile de parolă obișnuite de pe ecranele de conectare.
Î: Ce face „trim whitspace”?
Elimină spațiile de la început și de la sfârșit înainte de trimitere, astfel încât spațiile accidentale să nu întrerupă validarea.
Î: Pot crea modele de validare personalizate?
Da. Folosește „Model personalizat” și adaugă o expresie regulată pentru a impune orice structură de care ai nevoie.
Î: Cum funcționează transformările de text?
Utilizatorul tastează normal, iar sistemul transformă textul la trimitere, de exemplu, convertind textul în majusculă sau LITERE MARI.
Î: Pentru ce este tipul de introducere a datelor de căutare?
Adaugă un buton de ștergere (X) încorporat, astfel încât utilizatorii să poată reseta câmpul instantaneu în timpul căutării.
Î: De ce să se utilizeze tipul de intrare „tel”?
Pe mobil, deschide o tastatură numerică pentru a facilita introducerea cifrelor de tip telefon.
Î: Pot folosi logica condițională cu câmpuri de text?
Da. Condiții precum „Conține”, „Egal cu” sau „Este gol” vă permit să afișați sau să ascundeți câmpuri în funcție de datele introduse de utilizator.
Î: La ce se folosesc câmpurile ascunse?
Acestea stochează date fără a fi vizibile pentru utilizator, utile pentru urmărirea metadatelor precum etichetele UTM sau sursele de referință.
Î: Pot fi folosite câmpurile de text pentru numere?
Da, dar folosiți câmpul Număr pentru calcul sau validare numerică. Folosiți Text cu „Numai numere” atunci când aveți nevoie de coduri sau ID-uri care nu ar trebui tratate ca numere.
Î: Cât de precise pot fi modelele regex?
Regex-urile pot impune modele extrem de specifice. Folosește un tester de expresii regulate dacă trebuie să construiești sau să verifici modele complexe.
