Polje za unos teksta
Prikupljajte tekst precizno i fleksibilno. Od jednostavnih imena do složenih obrazaca s ugrađenom validacijom, pametnim formatiranjem i moćnim prilagođavanjem – polje za unos teksta prilagođava se svakom slučaju upotrebe s ograničenjima broja znakova, automatskim formatiranjem i sigurnim načinima rada s lozinkama.
Osnova svakog WordPress obrasca
Savršeno za:
Moćne funkcije za svaku upotrebu
📏 Pametna kontrola dužine
Minimalni i maksimalni broj znakova
Postavite najkraći i najduži dozvoljeni tekstualni unos. Spriječite slanje prekratkih ili predugih unosa pomoću ugrađene validacije preglednika.
Validacija u realnom vremenu
Korisnici odmah vide povratne informacije ako njihov unos ne ispunjava zahtjeve za dužinu – nema iznenađenja nakon slanja.
Primjeri:
- Korisničko ime: Min. 3, Maks. 20 znakova
- Poštanski broj: Min. 5, Maks. 10 znakova
- Ime: Min. 2, Maks. 50 znakova
- Komentar: Maksimalno 500 znakova
Zašto je to važno:
Kontrolirajte kvalitetu podataka, spriječite neželjenu poštu, osigurajte kompatibilnost baze podataka i vodite korisnike da pruže pravu količinu informacija.
✅ Ugrađeni obrasci validacije
6 unaprijed konfiguriranih tipova validacije:
- 1. Ništa – Prihvati bilo koji tekst (zadano)
2. E-pošta – Potvrđuje ispravan format e-pošte ([email zaštićen])
3. URL – Zahtijeva važeće web adrese (https://example.com)
4. Samo slova – Samo abecedni znakovi i razmaci (John Doe)
5. Samo brojevi – Samo numeričke cifre (123456)
6. Alfanumerički – Slova i brojevi, bez specijalnih znakova (Korisnik123)
Plus prilagođeni uzorci:
- Definišite vlastitu regex validaciju za specijalizirane formate kao što su:
- Registarske tablice: `^[AZ]{3}[0-9]{4}$`
- Šifre proizvoda: `^[AZ]{2}[0-9]{6}$`
- Prilagođeni formati jedinstveni za vaše poslovanje
Trenutne povratne informacije:
Korisnici vide jasne poruke o grešci ako njihov unos ne odgovara potrebnom formatu.
✂️ Automatsko uklanjanje praznih prostora
Automatsko čišćenje podataka
Uklonite slučajne razmake s početka i kraja tekstualnih unosa. Nema više "John" kada želite "John".
Primjeri:
- E-mail adrese (bez razmaka na kraju)
- Korisnička imena (bez početnih razmaka)
- Referentni kodovi (tačna podudaranja)
- Bilo koja oblast gdje je preciznost važna
prednosti:
Smanjuje korisničke greške, poboljšava konzistentnost podataka, sprječava probleme s validacijom i pojednostavljuje uparivanje i pretraživanje.
🔒 Način rada s lozinkom
Sigurno maskiranje unosa
Transformišite bilo koje tekstualno polje u polje za lozinku. Znakovi se prikazuju kao tačke (•••) kako bi zaštitili osjetljive informacije od neovlaštenih korisnika.
Savršeno za:
- Unosi lozinke i PIN-a
- Sigurnosni kodovi i tokeni
- Povjerljivi identifikacijski brojevi
- Dvofaktorski kodovi za autentifikaciju
Pametno ponašanje:
Režim lozinke automatski onemogućava konfliktne funkcije poput transformacije teksta i posebnih tipova unosa kako bi se osigurala sigurnost.
📱 Vrste pametnog unosa
Optimizovano za mobilne uređaje i računare:
- Normalni tekst – Standardni unos teksta za opštu upotrebu
- Pretraga – Uključuje ugrađeno dugme za brisanje (X) za brzo resetovanje
- Telefon – Aktivira numeričku tastaturu na mobilnim uređajima za lakši unos telefonskog broja
- URL – Prikazuje specijaliziranu mobilnu tastaturu sa .com i .org prečicama
Zašto je to važno:
Pravi tip unosa ubrzava unos podataka na mobilnim uređajima, smanjuje greške i poboljšava korisničko iskustvo na svim uređajima.
🎨 Automatska transformacija teksta
Formatiranje teksta kako korisnici kucaju:
- Bez transformacije – tekst ostaje tačno onakav kakav je unesen
- VELIKA SLOVA – Pretvara sav tekst u velika slova (JOHN DOE)
- mala slova – Pretvara sav tekst u mala slova (john doe)
- Veliko prvo slovo – Samo prvo slovo veliko (John doe)
- Veliko slovo svake riječi u naslovu – prvo slovo (John Doe)
Savršeno za:
- VELIKA SLOVA: Registarske tablice, državni kodovi, identifikacijski brojevi proizvoda
- mala slova: adrese e-pošte, korisnička imena
- Veliko slovo: Početak rečenice, pojedinačna imena
- Ime i prezime: Puna imena, adrese, titule
Pametno ponašanje:
Transformacija se dešava automatski tokom slanja dok korisnici vide svoj originalni unos.
🙈 Režim skrivenog polja
Nevidljiva polja podataka
Kreirajte polja koja nisu vidljiva korisnicima, ali šalju podatke s obrascem. Savršeno za praćenje, referalne kodove i sistemske vrijednosti.
Primjeri:
- UTM parametri praćenja
- ID-ovi izvora preporuka
- Brojevi verzija obrazaca
- Markeri vremenskih oznaka
- Skriveni metapodaci
Kako radi:
Postavite "Skrivenu vrijednost" i ona će se automatski uključiti u svako slanje obrasca bez zatrpavanja korisničkog interfejsa obrasca.
🔀 Uslovna logika
Dinamička vidljivost polja
Prikažite ili sakrijte tekstualna polja na osnovu drugih vrijednosti obrasca. Kreirajte inteligentne obrasce koji se prilagođavaju korisničkom unosu.
Napredna logička pravila:
- I logika – Svi uslovi moraju biti ispunjeni
- ILI logika – Bilo koji uslov može pokrenuti radnju.
- 8 operatora – Jednako, Nije jednako, Veće od, Manje od, Sadrži, Prazno je i još mnogo toga
Primjeri:
- Prikaži "Naziv kompanije" samo kada je tip korisnika jednak "Poslovanje"
- Prikažite "Izvor preporuke" kada "Kako ste čuli za nas?" sadrži "Preporuka"
- Sakrij "Ostale detalje" kada primarna opcija nije prazna
- Prikaži "Promotivni kod" kada vrijednost narudžbe prelazi 100 USD
🎯 Poboljšano korisničko iskustvo
Ugrađene pametne funkcije:
- Zadane vrijednosti – Unaprijed popunite polja kako biste ubrzali dovršavanje
- Tekst rezerviranog mjesta – Prikaži korisne savjete prije nego što korisnici kucaju
- Tekst pomoći – Dodajte opise kako biste pojasnili šta treba unijeti
- Obavezna validacija – Učinite polja obaveznim s jasnim indikatorima
- Prilagođene CSS klase – Primijenite prilagođeno stiliziranje koje odgovara vašem brendu
- Podrška za pristupačnost – ARIA oznake za čitače ekrana
- Optimizovano za mobilne uređaje – Unosi prilagođeni dodiru sa odgovarajućim tastaturama
Jednostavno podešavanje u 3 koraka
Pripremite svoje polje za unos teksta za nekoliko minuta
Dodajte tekstualno polje
Prevucite i ispustite polje za unos teksta iz odjeljka Osnovna polja u obrazac.
Postavljanje validacije i ograničenja
Odaberite vrstu validacije (e-pošta, URL, slova itd.), postavite minimalna/maksimalna ograničenja broja znakova i opcionalno omogućite način rada s lozinkom ili uklanjanje razmaka.
Konfiguriraj formatiranje
Odaberite vrstu unosa za mobilnu optimizaciju, odaberite transformaciju teksta (velika slova, mala slova itd.) i postavite zadane vrijednosti ili rezervirana mjesta.
🎉 To je to! Vaše tekstualno polje je spremno sa pametnom validacijom i formatiranjem.
Aplikacije u stvarnom svijetu
Registracija korisnika
* Polja korisničkog imena s ograničenjima dužine
* Unosi lozinke sa maskiranjem
* Polja za ime s formatiranjem velikih i malih slova
* Email adrese sa validacijom
Kontaktni obrazci
* Puno ime i prezime sa velikim slovima
* Validacija e-pošte
* Brojevi telefona s unosom broja telefona
* Polja za poruke/komentare
E-Commerce
* Unos promotivnog koda (velikim slovima)
* Polja za poruku poklona
* Posebna uputstva
* Napomene o otpremi
Poslovne aplikacije
* Identifikacijski brojevi zaposlenika
* Nazivi odjela
* Referentni brojevi
* Interni kodovi
Prijave i registracija
* Brojevi dozvola
* Kodovi certifikacije
* ID-ovi članstva
* Prilagođeni identifikatori
Pretraga i filtriranje
* Unos za pretragu pomoću dugmeta za brisanje
* Filtriraj tekstualna polja
* Unosi ključnih riječi
* Unosi upita
Kompletne opcije polja
Osnovna konfiguracija
- Oznaka polja – Naslov prikazan iznad tekstualnog polja
- Opis/Tekst pomoći – Dodatne smjernice za korisnike
- Obavezno polje – Unos teksta učinite obaveznim
- Tekst rezerviranog mjesta – tekst nagovještaja prije nego što korisnici ukucaju
Validacija dužine
- Minimalna dužina – Najmanji dozvoljeni broj znakova (validacija)
- Maksimalna dužina – Dozvoljeni broj znakova (čvrsto ograničenje)
Zadane vrijednosti
- Zadana vrijednost – Unaprijed popunjen tekst prilikom učitavanja obrasca
- Skrivena vrijednost – Vrijednost za skrivena polja (kada je omogućen skriveni način rada)
Sigurnost i privatnost
- Polje za lozinku – Maskira unos kao lozinku (prikazuje tačke •••)
Skriveno polje – Učinite polje nevidljivim, ali ga uključite u podneske
Kvalitet podataka
Uklonite prazne prostore – Automatski uklonite dodatne razmake s početka i kraja
Pravila validacije
- Vrsta validacije
- Ništa (bilo koji tekst)
- E -pošta ([email zaštićen])
- URL (https://example.com)
- Samo slova (samo za Arizonu)
- Samo brojevi (samo 0-9)
- Alfanumerički (AZ i 0-9)
- Prilagođeni uzorak (regex)
- Prilagođeni uzorak – Regularni izraz za prilagođenu validaciju (kada je odabrano „Prilagođeno“)
Tipovi ulaza
- Tip unosa
- NormalText
- Pretraga (sa dugmetom za brisanje)
- Telefon (numerička tastatura na mobilnom telefonu)
- URL (specijalizovana mobilna tastatura)
Oblikovanje teksta
- Transformacija teksta
- Nema transformacije
- UPPERCASE
- mala slova
- Veliko prvo slovo
- Title Case
Uslovna logika
- Omogući uslovnu logiku – Prikaži/sakrij na osnovu uslova
- Logic Type
- Svi uslovi moraju biti ispunjeni (I)
- Bilo koji uslov može biti ispunjen (ILI)
- Pravila uvjeta
- Prikaži/Sakrij – Radnja koju treba preduzeti
- Polje – Koje polje treba provjeriti
- Operator – Jednako, Nije jednako, Sadrži, Veće od, Manje od, Prazno je, Nije prazno
- Vrijednost – Vrijednost poređenja
- Višestruki uslovi – Dodajte neograničen broj pravila
Napredne opcije
- Prilagođene CSS klase – Primjena prilagođenog stila
- Atributi pristupačnosti – ARIA oznake i opisi
Zašto odabrati naše polje za unos teksta?
✅ Svestran – Radi za imena, kodove, lozinke i sve između
✅ Pametna validacija – 6+ obrazaca validacije plus prilagođeni regularni izraz
✅ Optimizovano za mobilne uređaje – Odgovarajuće tastature za svaki tip unosa
✅ Automatsko formatiranje – Transformacija teksta se dešava automatski
✅ Sigurno – Način rada s lozinkom štiti osjetljive informacije
✅ Čisti podaci – Uklanjanje praznih prostora sprječava uobičajene greške
✅ Fleksibilno – Skrivena polja, zadane vrijednosti, uvjetna logika
✅ Jednostavno za korištenje – Jasne poruke o validaciji vode korisnike
✅ Potpuno integrirano – Radi besprijekorno sa svim funkcijama obrasca
Često Postavljena Pitanja
P: Koja je razlika između minimalne/maksimalne dužine i validacije?
Minimalna/maksimalna dužina kontroliše koliko je znakova dozvoljeno. Validacija kontroliše koji su znakovi dozvoljeni, kao što su samo slova, samo brojevi ili format e-pošte.
P: Mogu li validirati i dužinu I format?
Da. Kombinujte minimalnu/maksimalnu dužinu sa pravilima validacije. Na primjer, postavite minimalno 3, maksimalno 15 i alfanumeričku validaciju za polje korisničkog imena.
P: Kako funkcioniše način rada sa lozinkom?
Režim lozinke maskira znakove tačkama, baš kao i tipična polja za lozinku na ekranima za prijavu.
P: Šta radi funkcija "uklanjanje praznog prostora"?
Uklanja početne i završne razmake prije slanja kako slučajni razmaci ne bi prekinuli validaciju.
P: Mogu li kreirati prilagođene obrasce validacije?
Da. Koristite "Prilagođeni uzorak" i dodajte regularni izraz da biste primijenili bilo koju strukturu koja vam je potrebna.
P: Kako funkcioniraju transformacije teksta?
Korisnik kuca normalno, a sistem transformiše tekst prilikom slanja, na primjer pretvaranjem u Velika slova ili Uobičajena slova.
P: Čemu služi tip unosa za pretragu?
Dodaje ugrađeno dugme za brisanje (X) tako da korisnici mogu trenutno resetovati polje tokom pretrage.
P: Zašto koristiti tip unosa „tel“?
Na mobilnom uređaju otvara numeričku tastaturu kako bi se olakšao unos cifara kao na telefonu.
P: Mogu li koristiti uslovnu logiku sa tekstualnim poljima?
Da. Uslovi poput „Sadrži“, „Jednako je“ ili „Prazno je“ omogućavaju vam da prikažete ili sakrijete polja na osnovu korisničkog unosa.
P: Za šta se koriste skrivena polja?
Oni pohranjuju podatke bez da su vidljivi korisniku, što je korisno za praćenje metapodataka kao što su UTM oznake ili izvori preporuka.
P: Mogu li se tekstualna polja koristiti za brojeve?
Da, ali koristite polje Broj za izračunavanje ili numeričku validaciju. Koristite Tekst sa opcijom "Samo brojevi" kada su vam potrebni kodovi ili ID-ovi koji se ne bi trebali tretirati kao brojevi.
P: Koliko precizni mogu biti regex obrasci?
Regex može nametnuti izuzetno specifične obrasce. Koristite regex tester ako trebate izgraditi ili provjeriti složene obrasce.
