Polje za unos teksta
Prikupljajte tekst precizno i fleksibilno. Od jednostavnih imena do složenih uzoraka 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 znakova, automatskim formatiranjem i sigurnim načinima rada s lozinkama.
Temelj svakog WordPress obrasca
Savršeno za:
Moćne značajke za svaku upotrebu
📏 Pametna kontrola duljine
Minimalno i maksimalno ograničenje broja znakova
Postavite najkraće i najduže dopuštene tekstualne unose. Spriječite slanje prekratkih ili predugih unosa pomoću ugrađene validacije preglednika.
Provjera valjanosti u stvarnom vremenu
Korisnici odmah vide povratne informacije ako njihov unos ne zadovoljava uvjete duljine – 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: Najviše 500 znakova
Zašto je 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 vrsta validacije:
- 1. Ništa – Prihvati bilo koji tekst (zadano)
2. E-pošta – Potvrđuje ispravan format e-pošte ([e-pošta zaštićena])
3. URL – Zahtijeva valjane web adrese (https://example.com)
4. Samo slova – Samo abecedni znakovi i razmaci (John Doe)
5. Samo brojevi – Samo numeričke znamenke (123456)
6. Alfanumerički – Slova i brojevi, bez posebnih znakova (Korisnik123)
Plus prilagođeni uzorci:
- Definirajte vlastitu regex validaciju za specijalizirane formate poput:
- Registarske pločice: `^[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 pogreš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".
Upotrijebite slučajeve:
- E-mail adrese (bez razmaka na kraju)
- Korisnička imena (bez početnih razmaka)
- Referentni kodovi (točna podudaranja)
- Bilo koje područje gdje je preciznost važna
Prednosti:
Smanjuje korisničke pogreške, poboljšava konzistentnost podataka, sprječava probleme s validacijom i pojednostavljuje usklađivanje i pretraživanje.
🔒 Način rada s lozinkom
Sigurno maskiranje unosa
Pretvorite bilo koje tekstualno polje u polje za lozinku. Znakovi se prikazuju kao točke (•••) kako bi zaštitili osjetljive podatke od neovlaštenih korisnika.
Savršeno za:
- Unosi lozinke i PIN-a
- Sigurnosni kodovi i tokeni
- Povjerljivi identifikacijski brojevi
- Kodovi za dvofaktorsku autentifikaciju
Pametno ponašanje:
Način rada s lozinkom automatski onemogućuje konfliktne značajke poput transformacije teksta i posebnih vrsta unosa kako bi se osigurala sigurnost.
📱 Vrste pametnog unosa
Optimizirano za mobilne uređaje i računala:
- Normalni tekst – Standardni unos teksta za opću upotrebu
- Pretraživanje – Uključuje ugrađeni gumb za brisanje (X) za brzo resetiranje
- Telefon – Aktivira numeričku tipkovnicu na mobilnim uređajima za lakši unos telefonskog broja
- URL – Prikazuje specijaliziranu mobilnu tipkovnicu s prečacima .com i .org
Zašto je važno:
Prava vrsta unosa ubrzava unos podataka na mobilnim uređajima, smanjuje pogreške i poboljšava korisničko iskustvo na svim uređajima.
🎨 Automatska transformacija teksta
Oblikujte tekst kako korisnici tipkaju:
- Bez transformacije – tekst ostaje toč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 pločice, državni kodovi, identifikacijski brojevi proizvoda
- mala slova: adrese e-pošte, korisnička imena
- Veliko slovo: Početak rečenice, pojedinačna imena
- Velika slova u naslovu: Puna imena, adrese, titule
Pametno ponašanje:
Transformacija se događa automatski tijekom slanja dok korisnici vide svoj originalni unos.
🙈 Način rada skrivenog polja
Nevidljiva podatkovna polja
Izradite polja koja nisu vidljiva korisnicima, ali šalju podatke s obrascem. Savršeno za praćenje, referalne kodove i sistemske vrijednosti.
Upotrijebite slučajeve:
- UTM parametri praćenja
- ID-ovi izvora preporuka
- Brojevi verzija obrazaca
- Oznake vremenskih oznaka
- Skriveni metapodaci
Kako to radi:
Postavite "Skrivenu vrijednost" i ona će se automatski uključiti u svako slanje obrasca bez zatrpavanja korisničkog sučelja obrasca.
🔀 Uvjetna logika
Dinamička vidljivost polja
Prikažite ili sakrijte tekstualna polja na temelju drugih vrijednosti obrasca. Izradite inteligentne obrasce koji se prilagođavaju korisničkom unosu.
Napredna logička pravila:
- I logika – Svi uvjeti moraju biti ispunjeni
- ILI logika – Bilo koji uvjet može pokrenuti radnju
- 8 operatora – Jednako, Nije jednako, Veće od, Manje od, Sadrži, Je prazno i više
Upotrijebite slučajeve:
- Prikaži "Naziv tvrtke" samo kada je vrsta korisnika jednaka "Tvrtka"
- Prikaži "Izvor preporuke" kada "Kako ste čuli za nas?" sadrži "Preporuka"
- Sakrij "Ostale detalje" kada primarna opcija nije prazna
- Prikaži "Promotivni kod" kada je vrijednost narudžbe veća od 100 USD
🎯 Poboljšano korisničko iskustvo
Ugrađene pametne značajke:
- Zadane vrijednosti – Unaprijed ispunite polja kako biste ubrzali dovršetak
- Tekst rezerviranog mjesta – Prikaži korisne savjete prije nego što korisnici tipkaju
- Tekst pomoći – Dodajte opise kako biste pojasnili što treba unijeti
- Obavezna validacija – Učinite polja obaveznim s jasnim pokazateljima
- Prilagođene CSS klase – Primijenite prilagođeni stil koji odgovara vašem brendu
- Podrška za pristupačnost – ARIA oznake za čitače zaslona
- Optimizirano za mobilne uređaje – Unosi prilagođeni dodiru s odgovarajućim tipkovnicama
Jednostavno postavljanje u 3 koraka
Pripremite svoje polje za unos teksta za nekoliko minuta
Dodaj tekstualno polje
Povucite 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 minimalno/maksimalno ograničenje broja znakova i opcionalno omogućite način lozinke ili izrezivanje razmaka.
Konfiguriranje formatiranja
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 s pametnom provjerom valjanosti i formatiranjem.
Aplikacije iz stvarnog svijeta
Registracija korisnika
* Polja korisničkog imena s ograničenjima duljine
* Unosi lozinke s maskiranjem
* Polja imena s formatiranjem velikih i malih slova
* E-mail adrese s validacijom
Obrazac za kontakt
* Puno ime i prezime s velikim slovima
* Validacija e-pošte
* Telefonski brojevi s unosom telefona
* Polja za poruke/komentare
E-commerce
* Unos promotivnog koda (velikim slovima)
* Polja za poruku poklona
* Posebne upute
* Bilješke o otpremi
Poslovne aplikacije
* ID brojevi zaposlenika
* Nazivi odjela
* Referentni brojevi
* Interni kodovi
Prijave i registracija
* Brojevi dozvola
* Certifikacijski kodovi
* ID-ovi članstva
* Prilagođeni identifikatori
Pretraživanje i filtriranje
* Unos za pretraživanje s gumbom za brisanje
* Filtriraj tekstualna polja
* Unosi ključnih riječi
* Unosi upita
Potpune opcije polja
Osnovna konfiguracija
- Oznaka polja – Naslov prikazan iznad tekstualnog polja
- Opis/Tekst pomoći – Dodatne upute za korisnike
- Obavezno polje – Unos teksta učinite obaveznim
- Tekst rezerviranog mjesta – tekst nagovještaja prije nego što korisnici unesu tekst
Validacija duljine
- Minimalna duljina – Najmanji dopušteni broj znakova (validacija)
- Maksimalna duljina – Dopušteni broj znakova (tvrdo ograničenje)
Zadane vrijednosti
- Zadana vrijednost – Unaprijed ispunjen tekst prilikom učitavanja obrasca
- Skrivena vrijednost – Vrijednost za skrivena polja (kada je omogućen skriveni način rada)
Sigurnost i zaštita podataka
- Polje za lozinku – Maskiraj unos kao lozinku (prikazuje točke •••)
Skriveno polje – Učinite polje nevidljivim, ali ga uključite u podneske
Kvaliteta podataka
Izbriši prazne prostore – Automatski ukloni dodatne razmake s početka i kraja
Pravila provjere valjanosti
- Vrsta validacije
- Ništa (bilo koji tekst)
- e-pošta ([e-pošta zaštićena])
- URL (https://example.com)
- Samo slova (samo AZ)
- 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")
Vrste unosa
- Vrsta unosa
- Normalni tekst
- Pretraživanje (s gumbom za brisanje)
- Telefon (numerička tipkovnica na mobitelu)
- URL (specijalizirana mobilna tipkovnica)
Oblikovanje teksta
- Transformacija teksta
- Nema transformacije
- velika slova
- malim slovima
- Veliko prvo slovo
- Velika i mala slova
Uvjetna logika
- Omogući uvjetnu logiku – prikaži/sakrij na temelju uvjeta
- Vrsta logike
- Svi uvjeti moraju biti ispunjeni (I)
- Bilo koji uvjet može biti ispunjen (ILI)
- Pravila uvjeta
- Prikaži/Sakrij – Radnja koju treba poduzeti
- Polje – Koje polje treba provjeriti
- Operator – Jednako, Nije jednako, Sadrži, Veće od, Manje od, Prazno je, Nije prazno
- Vrijednost – Vrijednost usporedbe
- Višestruki uvjeti – Dodajte neograničen broj pravila
Napredne opcije
- Prilagođene CSS klase – Primjena prilagođenog stiliziranja
- 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
✅ Optimizirano za mobilne uređaje – Odgovarajuće tipkovnice za svaku vrstu unosa
✅ Automatsko formatiranje – Transformacija teksta se događa automatski
✅ Sigurno – Način rada s lozinkom štiti osjetljive podatke
✅ Čisti podaci – Izrezivanje praznih prostora sprječava uobičajene pogreške
✅ Fleksibilno – Skrivena polja, zadane vrijednosti, uvjetna logika
✅ Jednostavno za korištenje – Jasne poruke za validaciju vode korisnike
✅ Potpuno integrirano – Radi besprijekorno sa svim značajkama obrasca
Često postavljana pitanja
P: Koja je razlika između minimalne/maksimalne duljine i validacije?
Minimalna/maksimalna duljina kontrolira koliko je znakova dopušteno. Validacija kontrolira koji su znakovi dopušteni, kao što su samo slova, samo brojevi ili format e-pošte.
P: Mogu li provjeriti i duljinu I format?
Da. Kombinirajte minimalnu/maksimalnu duljinu s pravilima validacije. Na primjer, postavite minimalno 3, maksimalno 15 i alfanumeričku validaciju za polje korisničkog imena.
P: Kako funkcionira način rada s lozinkom?
Način rada s lozinkom maskira znakove točkama, baš kao i tipična polja za lozinku na zaslonima za prijavu.
P: Što 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 stvoriti prilagođene obrasce validacije?
Da. Koristite "Prilagođeni uzorak" i dodajte regularni izraz kako biste primijenili bilo koju strukturu koja vam je potrebna.
P: Kako funkcioniraju transformacije teksta?
Korisnik tipka normalno, a sustav transformira tekst prilikom slanja, primjerice pretvarajući ga u VELIKA SLOVA ili KAO U NASLOVU.
P: Čemu služi tip unosa za pretraživanje?
Dodaje ugrađeni gumb za brisanje (X) tako da korisnici mogu trenutno resetirati polje tijekom pretraživanja.
P: Zašto koristiti tip unosa „tel“?
Na mobitelu otvara numeričku tipkovnicu kako bi se olakšao unos znamenki kao na telefonu.
P: Mogu li koristiti uvjetnu logiku s tekstualnim poljima?
Da. Uvjeti poput "Sadrži", "Jednako je" ili "Prazno je" omogućuju vam prikazivanje ili skrivanje polja na temelju korisničkog unosa.
P: Za što se koriste skrivena polja?
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čun ili numeričku validaciju. Koristite Tekst s opcijom "Samo brojevi" kada su vam potrebni kodovi ili ID-ovi koji se ne bi trebali tretirati kao brojevi.
P: Koliko precizni mogu biti regularni izrazi?
Regex može nametnuti izuzetno specifične obrasce. Koristite tester regexa ako trebate izraditi ili provjeriti složene obrasce.
