Polje za vnos besedila
Zbirajte besedilo natančno in prilagodljivo. Od preprostih imen do kompleksnih vzorcev z vgrajenim preverjanjem, pametnim oblikovanjem in zmogljivim prilagajanjem – polje za vnos besedila se prilagodi vsakemu primeru uporabe z omejitvami znakov, samodejnim oblikovanjem in varnimi načini gesla.
Temelj vsakega WordPress obrazca
Idealen za:
Zmogljive funkcije za vsak primer uporabe
📏 Pametni nadzor dolžine
Najmanjše in največje število znakov
Nastavite najkrajše in najdaljše dovoljene vnose besedila. Z vgrajenim preverjanjem brskalnika preprečite oddajo prekratkih ali predolgih sporočil.
Validacija v realnem času
Uporabniki takoj prejmejo povratne informacije, če njihov prispevek ne izpolnjuje zahtev glede dolžine – po oddaji ni presenečenj.
Primeri:
- Uporabniško ime: najmanj 3, največ 20 znakov
- Poštna številka: najmanj 5, največ 10 znakov
- Ime: Najmanj 2, največ 50 znakov
- Komentar: največ 500 znakov
Zakaj je pomembno:
Nadzorujte kakovost podatkov, preprečite neželeno pošto, zagotovite združljivost baz podatkov in vodite uporabnike, da posredujejo pravo količino informacij.
✅ Vgrajeni vzorci validacije
6 vnaprej konfiguriranih vrst validacije:
- 1. Brez – Sprejmi katero koli besedilo (privzeto)
2. E-pošta – Preveri pravilno obliko e-pošte ([e-pošta zaščitena])
3. URL – Zahteva veljaven spletni naslov (https://example.com)
4. Samo črke – Samo abecedni znaki in presledki (John Doe)
5. Samo številke – Samo številske števke (123456)
6. Alfanumerično – črke in številke, brez posebnih znakov (Uporabnik123)
Plus vzorci po meri:
- Definirajte lastno validacijo regularnih izrazov za specializirane formate, kot so:
- Registrske tablice: `^[AZ]{3}[0-9]{4}$`
- Kode izdelkov: `^[AZ]{2}[0-9]{6}$`
- Prilagojene oblike, edinstvene za vaše podjetje
Takojšnje povratne informacije:
Uporabniki vidijo jasna sporočila o napakah, če njihov vnos ne ustreza zahtevani obliki.
✂️ Samodejno obrezovanje presledkov
Samodejno čiščenje podatkov
Odstranite nenamerne presledke z začetka in konca besedilnih vnosov. Nič več »Janez«, ko želite »Janez«.
Uporabite primere:
- E-poštni naslovi (brez presledkov)
- Uporabniška imena (brez presledkov na začetku)
- Referenčne kode (natančna ujemanja)
- Vsako področje, kjer je pomembna natančnost
Prednosti:
Zmanjša uporabniške napake, izboljša doslednost podatkov, prepreči težave pri preverjanju ter poenostavi ujemanje in iskanje.
🔒 Način gesla
Varno maskiranje vnosa
Spremenite katero koli besedilno polje v polje za geslo. Znaki so prikazani kot pike (•••), da zaščitijo občutljive podatke pred zlorabami.
Idealen za:
- Vnosi gesla in PIN-a
- Varnostne kode in žetoni
- Zaupne identifikacijske številke
- Dvofaktorske avtentikacijske kode
Pametno vedenje:
Način gesla samodejno onemogoči nasprotujoče si funkcije, kot sta preoblikovanje besedila in posebne vrste vnosa, da se zagotovi varnost.
📱 Vrste pametnega vnosa
Optimizirano za mobilne naprave in namizne računalnike:
- Običajno besedilo – Standardni vnos besedila za splošno uporabo
- Iskanje – Vključuje vgrajen gumb za brisanje (X) za hitro ponastavitev
- Telefon – Sproži številsko tipkovnico na mobilnih napravah za lažji vnos telefonske številke
- URL – Prikaže specializirano mobilno tipkovnico z bližnjicami .com in .org
Zakaj je pomembno:
Pravilna vrsta vnosa pospeši vnos podatkov na mobilnih napravah, zmanjša število napak in izboljša uporabniško izkušnjo na vseh napravah.
🎨 Samodejna transformacija besedila
Oblikovanje besedila med tipkanjem uporabnikov:
- Brez transformacije – besedilo ostane točno tako, kot je bilo vneseno
- VELIKE ČRKE – Pretvori vse besedilo v velike črke (JOHN DOE)
- male črke – Pretvori vse besedilo v male črke (john doe)
- Velika prva črka – Samo prva črka z veliko začetnico (Janez Doe)
- Začetna črka vsake besede v naslovu (John Doe)
Idealen za:
- VELIKE TISKANE ČRKE: Registrske tablice, državne kode, identifikacijske številke izdelkov
- male črke: e-poštni naslovi, uporabniška imena
- Velika začetnica: Začetki stavkov, posamezna imena
- Zapis imena: Polna imena, naslovi, nazivi
Pametno vedenje:
Preobrazba se med oddajo zgodi samodejno, medtem ko uporabniki vidijo svoj prvotni vnos.
🙈 Način skritega polja
Nevidna podatkovna polja
Ustvarite polja, ki niso vidna uporabnikom, vendar podatke pošljete z obrazcem. Odlično za sledenje, referenčne kode in sistemske vrednosti.
Uporabite primere:
- Parametri sledenja UTM
- ID-ji virov napotitev
- Številke različic obrazcev
- Označevalci časovnih žigov
- Skriti metapodatki
Kako deluje:
Nastavite »Skrito vrednost« in ta bo samodejno vključena v vsako oddajo obrazca, ne da bi pri tem zapolnila uporabniški vmesnik obrazca.
🔀 Pogojna logika
Dinamična vidljivost polja
Prikažite ali skrijte besedilna polja na podlagi drugih vrednosti obrazca. Ustvarite inteligentne obrazce, ki se prilagajajo uporabnikovemu vnosu.
Napredna logična pravila:
- IN logika – Izpolnjeni morajo biti vsi pogoji
- Logika ALI – Dejanje lahko sproži kateri koli pogoj.
- 8 operatorjev – enako, ni enako, večje od, manjše od, vsebuje, je prazno in drugi
Uporabite primere:
- Prikaži »Ime podjetja« samo, če je tip uporabnika enak »Podjetje«
- Prikaži »Vir napotitve«, kadar »Kako ste izvedeli za nas?« vsebuje »Napotitev«
- Skrij »Druge podrobnosti«, če glavna možnost ni prazna
- Prikaži »Promocijsko kodo«, ko je vrednost naročila višja od 100 USD
🎯 Izboljšana uporabniška izkušnja
Vgrajene pametne funkcije:
- Privzete vrednosti – Predhodno izpolnite polja za pospešitev dokončanja
- Nadomestno besedilo – Prikaži koristne namige, preden uporabniki vnesejo besedilo
- Pomoč – Dodajte opise, ki pojasnjujejo, kaj vnesti
- Obvezna validacija – Polja naj bodo obvezna z jasnimi kazalniki
- Razredi CSS po meri – Uporabite prilagojeno oblikovanje, ki se ujema z vašo blagovno znamko
- Podpora za dostopnost – oznake ARIA za bralnike zaslona
- Optimizirano za mobilne naprave – Vnosi na dotik z ustreznimi tipkovnicami
Preprosta namestitev v 3 korakih
Pripravite polje za vnos besedila v nekaj minutah
Dodaj besedilno polje
Povlecite in spustite polje za vnos besedila iz razdelka Osnovna polja v obrazec.
Nastavitev validacije in omejitev
Izberite vrsto preverjanja (e-pošta, URL, črke itd.), nastavite najmanjše/največje število znakov in po želji omogočite način gesla ali obrezovanje presledkov.
Konfiguriraj oblikovanje
Izberite vrsto vnosa za optimizacijo za mobilne naprave, izberite pretvorbo besedila (velike črke, male črke itd.) in nastavite privzete vrednosti ali nadomestne besede.
???? To je to! Vaše besedilno polje je pripravljeno s pametnim preverjanjem in oblikovanjem.
Aplikacije iz resničnega sveta
uporabnik Registracija
* Polja uporabniškega imena z omejitvami dolžine
* Vnosi gesel z maskiranjem
* Polja z imeni z oblikovanjem velikih začetnic
* E-poštni naslovi s potrditvijo
Kontaktni obrazci
* Polno ime z veliko začetnico
* Potrditev e-pošte
* Telefonske številke z vnosom telefona
* Polja za sporočila/komentarje
E-trgovina
* Vnos promocijske kode (z velikimi tiskanimi črkami)
* Polja za sporočilo o darilu
* Posebna navodila
* Opombe o pošiljanju
Poslovne aplikacije
* ID številke zaposlenih
* Imena oddelkov
* Referenčne številke
* Notranje kode
Prijave in registracija
* Številke dovoljenj
* Kode certifikatov
* ID-ji članstva
* Prilagojeni identifikatorji
Iskanje in filtriranje
* Iskanje z gumbom za brisanje
* Filtriraj besedilna polja
* Vnosi ključnih besed
* Vhodni podatki za poizvedbo
Možnosti celotnega polja
Osnovna konfiguracija
- Oznaka polja – Naslov, prikazan nad besedilnim poljem
- Opis/Pomoč – Dodatna navodila za uporabnike
- Obvezno polje – Vnos besedila naj bo obvezen
- Nadomestno besedilo – besedilo namiga, preden uporabniki vnesejo
Validacija dolžine
- Najmanjša dolžina – Najmanj dovoljenih znakov (preverjanje)
- Največja dolžina – največ dovoljenih znakov (trdna omejitev)
Privzete vrednosti
- Privzeta vrednost – vnaprej izpolnjeno besedilo ob nalaganju obrazca
- Skrita vrednost – vrednost za skrita polja (ko je omogočen skriti način)
Varnost in zasebnost
- Polje za geslo – Vnos se prikrije kot geslo (prikazuje pike •••)
Skrito polje – Polje naj bo nevidno, vendar vključeno v oddajo
Kakovost podatkov
Obrezovanje presledkov – Samodejno odstranjevanje dodatnih presledkov z začetka in konca
Pravila validacije
- Vrsta validacije
- Brez (poljubno besedilo)
- E-naslov ([e-pošta zaščitena])
- URL (https://example.com)
- Samo črke (samo AZ)
- Samo številke (samo 0–9)
- Alfanumerično (AZ in 0–9)
- Vzorec po meri (regex)
- Vzorec po meri – regularni izraz za preverjanje po meri (ko je izbrana možnost »Po meri«)
Vhodne vrste
- Vrsta vnosa
- Normalno besedilo
- Iskanje (z gumbom za brisanje)
- Telefon (številčna tipkovnica na mobilnem telefonu)
- URL (specializirana mobilna tipkovnica)
Oblikovanje besedila
- Preoblikovanje besedila
- Brez transformacije
- VELIKE ČRKE
- male črke
- Velika prva črka
- Naslov z velikimi črkami
Pogojna logika
- Omogoči pogojno logiko – prikaži/skrij glede na pogoje
- Logična vrsta
- Vsi pogoji morajo biti izpolnjeni (IN)
- Izpolnjen je lahko kateri koli pogoj (ALI)
- Pravila pogojev
- Prikaži/skrij – Dejanje, ki ga je treba izvesti
- Polje – Katero polje naj se preveri
- Operator – Enako, Ni enako, Vsebuje, Večje od, Manjše od, Je prazno, Ni prazno
- Vrednost – Primerjalna vrednost
- Več pogojev – Dodajte neomejeno število pravil
Napredne možnosti
- Razredi CSS po meri – Uporabite slog po meri
- Atributi dostopnosti – oznake in opisi ARIA
Zakaj izbrati naše polje za vnos besedila?
✅ Vsestranski – deluje za imena, kode, gesla in vse vmes
✅ Pametno preverjanje – več kot 6 vzorcev preverjanja in prilagojeni regularni izrazi
✅ Optimizirano za mobilne naprave – ustrezne tipkovnice za vsako vrsto vnosa
✅ Samodejno oblikovanje – Preoblikovanje besedila se zgodi samodejno
✅ Varno – način z geslom ščiti občutljive podatke
✅ Čisti podatki – obrezovanje belih prostorov preprečuje pogoste napake
✅ Prilagodljivo – skrita polja, privzete vrednosti, pogojna logika
✅ Uporabniku prijazno – Jasna potrditvena sporočila vodijo uporabnike
✅ Popolnoma integrirano – deluje brezhibno z vsemi funkcijami obrazca
Pogosto zastavljena vprašanja
V: Kakšna je razlika med minimalno/maksimalno dolžino in validacijo?
Z najmanjšo/največjo dolžino se določa, koliko znakov je dovoljenih. Z validacijo se določa, kateri znaki so dovoljeni, na primer samo črke, samo številke ali oblika e-pošte.
V: Ali lahko preverim tako dolžino kot obliko zapisa?
Da. Združite minimalno/maksimalno dolžino s pravili za validacijo. Na primer, za polje uporabniškega imena nastavite minimalno 3, maksimalno 15 in alfanumerično validacijo.
V: Kako deluje način gesla?
Način gesla maskira znake s pikami, tako kot običajna polja za geslo na prijavnih zaslonih.
V: Kaj naredi funkcija »odreži presledke«?
Pred oddajo odstrani začetne in končne presledke, tako da nenamerni presledki ne prekinejo validacije.
V: Ali lahko ustvarim vzorce za preverjanje po meri?
Da. Uporabite »Vzorec po meri« in dodajte regularni izraz, da uveljavite poljubno strukturo, ki jo potrebujete.
V: Kako delujejo pretvorbe besedila?
Uporabnik tipka normalno, sistem pa besedilo ob oddaji preoblikuje, na primer v VELIKE TISKANE ČRKE.
V: Čemu služi vrsta iskalnega vnosa?
Dodaja vgrajen gumb za brisanje (X), tako da lahko uporabniki med iskanjem takoj ponastavijo polje.
V: Zakaj uporabljati vhodni tip »tel«?
Na mobilnem telefonu odpre številsko tipkovnico za lažje vnašanje številk kot na telefonu.
V: Ali lahko uporabljam pogojno logiko s besedilnimi polji?
Da. Pogoji, kot so »Vsebuje«, »Je enako« ali »Je prazno«, vam omogočajo, da polja prikažete ali skrijete glede na uporabnikov vnos.
V: Za kaj se uporabljajo skrita polja?
Shranjujejo podatke, ne da bi bili vidni uporabniku, kar je uporabno za sledenje metapodatkov, kot so oznake UTM ali viri napotitev.
V: Ali se lahko besedilna polja uporabljajo za številke?
Da, vendar za izračun ali numerično preverjanje uporabite polje »Število«. Uporabite besedilo z možnostjo »Samo številke«, kadar potrebujete kode ali ID-je, ki se ne smejo obravnavati kot številke.
V: Kako natančni so lahko vzorci regularnih izrazov?
Regex lahko uveljavi zelo specifične vzorce. Če morate zgraditi ali preveriti kompleksne vzorce, uporabite preizkuševalec regex.
