Pole na zadanie textu
Zbierajte text s presnosťou a flexibilitou. Od jednoduchých názvov až po zložité vzory so vstavaným overovaním, inteligentným formátovaním a výkonnými možnosťami prispôsobenia – pole pre vstup textu sa prispôsobí akémukoľvek prípadu použitia vďaka obmedzeniam počtu znakov, automatickému formátovaniu a režimom zabezpečeného hesla.
Základ každého formulára WordPress
Ideálne pre:
Výkonné funkcie pre každý prípad použitia
📏 Inteligentné ovládanie dĺžky
Minimálny a maximálny počet znakov
Nastavte najkratšie a najdlhšie povolené textové položky. Zabráňte príliš krátkym alebo príliš dlhým odoslaniam pomocou vstavaného overovania prehliadača.
Overenie v reálnom čase
Používatelia dostanú okamžitú spätnú väzbu, ak ich príspevok nespĺňa požiadavky na dĺžku – žiadne prekvapenia po odoslaní.
Príklady:
- Používateľské meno: Min. 3, Max. 20 znakov
- PSČ: Min. 5, Max. 10 znakov
- Názov: Min. 2, Max. 50 znakov
- Komentár: Max. 500 znakov
Prečo je to dôležité:
Kontrolujte kvalitu údajov, predchádzajte spamu, zabezpečte kompatibilitu databázy a usmerňujte používateľov, aby poskytovali správne množstvo informácií.
✅ Vstavané overovacie vzory
6 predkonfigurovaných typov overovania:
- 1. Žiadne – Prijať akýkoľvek text (predvolené)
2. E-mail – Overuje správny formát e-mailu ([chránené e-mailom])
3. URL – Vyžaduje sa platná webová adresa (https://example.com)
4. Iba písmená – Iba abecedné znaky a medzery (John Doe)
5. Iba čísla – Iba číslice (123456)
6. Alfanumerické – písmená a čísla, žiadne špeciálne znaky (Používateľ123)
Plus vlastné vzory:
- Definujte si vlastnú validáciu regulárnych výrazov pre špecializované formáty, ako napríklad:
- ŠPZ: `^[AZ]{3}[0-9]{4}$`
- Kódy produktov: `^[AZ]{2}[0-9]{6}$`
- Vlastné formáty jedinečné pre vašu firmu
Okamžitá spätná väzba:
Používatelia vidia jasné chybové hlásenia, ak ich vstup nezodpovedá požadovanému formátu.
✂️ Automatické orezávanie medzier
Automatické čistenie údajov
Odstráňte náhodné medzery zo začiatku a konca textových položiek. Koniec s „Ján“, keď chcete použiť „Ján“.
Prípady použitia:
- E-mailové adresy (bez medzier na konci)
- Používateľské mená (bez úvodných medzier)
- Referenčné kódy (presné zhody)
- V každej oblasti, kde záleží na presnosti
Výhody:
Znižuje počet chýb používateľov, zlepšuje konzistenciu údajov, predchádza problémom s overovaním a zjednodušuje porovnávanie a vyhľadávanie.
🔒 Režim hesla
Bezpečné maskovanie vstupu
Transformujte ľubovoľné textové pole na pole pre heslo. Znaky sa zobrazujú ako bodky (•••), aby chránili citlivé informácie pred neoprávneným prístupom.
Ideálne pre:
- Zadanie hesla a PIN kódu
- Bezpečnostné kódy a tokeny
- Dôverné identifikačné čísla
- Dvojfaktorové overovacie kódy
Inteligentné správanie:
Režim hesla automaticky deaktivuje konfliktné funkcie, ako je transformácia textu a špeciálne typy vstupu, aby sa zaistila bezpečnosť.
📱 Inteligentné typy vstupov
Optimalizované pre mobilné zariadenia a počítače:
- Normálny text – štandardný textový vstup na všeobecné použitie
- Hľadať – Obsahuje vstavané tlačidlo vymazania (X) pre rýchle obnovenie
- Telefón – Aktivuje numerickú klávesnicu na mobilných zariadeniach pre jednoduchšie zadávanie telefónneho čísla
- URL – Zobrazuje špecializovanú mobilnú klávesnicu so skratkami .com a .org
Prečo je to dôležité:
Správny typ vstupu zrýchľuje zadávanie údajov na mobilných zariadeniach, znižuje chyby a zlepšuje používateľskú skúsenosť na všetkých zariadeniach.
🎨 Automatická transformácia textu
Formátovať text podľa toho, ako ho používatelia píšu:
- Bez transformácie – text zostane presne tak, ako bol zadaný
- VEĽKÉ PÍSMENÁ – Prevedie všetok text na veľké písmená (JÁN DOE)
- malé písmená – Prevedie všetok text na malé písmená (john doe)
- Veľké prvé písmeno – Iba prvé písmeno veľké (Ján Novák)
- Veľké písmeno v názve – Prvé písmeno každého slova (John Doe)
Ideálne pre:
- VEĽKÉ PÍSMENA: ŠPZ, štátne kódy, identifikátory produktov
- malé písmená: e-mailové adresy, používateľské mená
- Veľké písmeno: Začiatky viet, jednotlivé mená
- Prípadové číslo titulu: Celé mená, adresy, tituly
Inteligentné správanie:
Transformácia prebieha automaticky počas odosielania, zatiaľ čo používatelia vidia svoj pôvodný vstup.
🙈 Režim skrytého poľa
Neviditeľné dátové polia
Vytvorte polia, ktoré nie sú viditeľné pre používateľov, ale odosielajú údaje spolu s formulárom. Ideálne na sledovanie, referenčné kódy a systémové hodnoty.
Prípady použitia:
- Parametre sledovania UTM
- ID zdrojov odkazov
- Čísla verzií formulárov
- Značky časových pečiatok
- Skryté metadáta
Ako To Funguje:
Nastavte „Skrytú hodnotu“ a tá sa automaticky zahrnie do každého odoslaného formulára bez toho, aby zahlcovala používateľské rozhranie formulára.
🔀 Podmienená logika
Dynamická viditeľnosť poľa
Zobraziť alebo skryť textové polia na základe iných hodnôt formulára. Vytvárať inteligentné formuláre, ktoré sa prispôsobujú vstupu používateľa.
Pokročilé logické pravidlá:
- Logika A – Všetky podmienky musia byť splnené
- Logika ALEBO – Akciu môže spustiť akákoľvek podmienka.
- 8 operátorov – Rovná sa, Nerovná sa, Väčšie ako, Menšie ako, Obsahuje, Je prázdne a ďalšie
Prípady použitia:
- Zobraziť „Názov spoločnosti“ iba vtedy, keď je typ používateľa rovný „Firma“
- Zobraziť „Zdroj odporúčania“, keď „Ako ste sa o nás dozvedeli?“ obsahuje „Odporúčanie“
- Skryť „Ďalšie podrobnosti“, ak primárna možnosť nie je prázdna
- Zobraziť „Promo kód“, keď je hodnota objednávky vyššia ako 100 USD
🎯 Vylepšený používateľský zážitok
Vstavané inteligentné funkcie:
- Predvolené hodnoty – Predvyplňte polia pre urýchlenie dokončenia
- Zástupný text – Zobrazuje užitočné rady pred zadaním textu používateľom
- Pomocný text – Pridajte popisy, ktoré objasnia, čo zadať
- Povinné overenie – Vyplňte povinné polia s jasnými indikátormi
- Vlastné CSS triedy – Použite vlastný štýl, ktorý zodpovedá vašej značke
- Podpora prístupnosti – štítky ARIA pre čítačky obrazovky
- Optimalizované pre mobilné zariadenia – Dotykové ovládanie s vhodnými klávesnicami
Jednoduché nastavenie v 3 krokoch
Pripravte si pole na zadávanie textu za pár minút
Pridajte textové pole
Presuňte pole na zadanie textu zo sekcie Základné polia do formulára.
Nastavenie overenia a limitov
Vyberte typ overenia (e-mail, URL, písmená atď.), nastavte minimálny/maximálny počet znakov a voliteľne povoľte režim hesla alebo orezanie medzier.
Konfigurácia formátovania
Vyberte typ vstupu pre optimalizáciu pre mobilné zariadenia, zvoľte transformáciu textu (veľké písmená, malé písmená atď.) a nastavte predvolené hodnoty alebo zástupné symboly.
???? To je všetko! Vaše textové pole je pripravené s inteligentným overovaním a formátovaním.
Aplikácie v reálnom svete
Registrácia užívateľa
* Polia používateľského mena s obmedzeniami dĺžky
* Zadávanie hesla s maskovaním
* Polia s názvom s formátovaním veľkých písmen
* E-mailové adresy s overením
Kontaktné formuláre
* Celé meno s veľkým písmenom titulu
* Overenie e-mailu
* Telefónne čísla s možnosťou zadania telefónneho čísla
* Polia pre správy/komentáre
E-commerce
* Zadanie promo kódu (veľkými písmenami)
* Polia pre darčekovú správu
* Špeciálne pokyny
* Poznámky k preprave
Podnikové aplikácie
* Identifikačné čísla zamestnancov
* Názvy oddelení
* Referenčné čísla
* Interné kódy
Prihlášky a registrácia
* Čísla licencií
* Certifikačné kódy
* Čísla členstva
* Vlastné identifikátory
Vyhľadávanie a filtrovanie
* Vyhľadávací vstup s tlačidlom Vymazať
* Filtrovať textové polia
* Zadania kľúčových slov
* Vstupné údaje dopytu
Možnosti kompletného poľa
Základná konfigurácia
- Popis poľa – Názov zobrazený nad textovým poľom
- Popis/Pomocný text – Ďalšie pokyny pre používateľov
- Povinné pole – Zadanie textu je povinné
- Zástupný text – text nápovedy pred zadaním textu používateľmi
Overenie dĺžky
- Minimálna dĺžka – Najmenší povolený počet znakov (validácia)
- Maximálna dĺžka – Najviac povolených znakov (pevný limit)
Základné hodnoty
- Predvolená hodnota – Predvyplnený text pri načítaní formulára
- Skrytá hodnota – Hodnota pre skryté polia (keď je povolený skrytý režim)
Bezpečnosť a súkromie
- Pole pre heslo – Zadanie hesla sa zobrazí ako heslo (zobrazuje bodky •••)
Skryté pole – Zrušiť zobrazenie poľa, ale zahrnúť ho do odovzdaných položiek
Kvalita údajov
Orezať medzery – Automaticky odstrániť medzery zo začiatku a konca
Pravidlá validácie
- Typ overenia
- Žiadne (ľubovoľný text)
- E -mail ([chránené e-mailom])
- URL adresa (https://example.com)
- Iba písmená (iba AZ)
- Iba čísla (iba 0-9)
- Alfanumerické (AZ a 0-9)
- Vlastný vzor (regex)
- Vlastný vzor – regulárny výraz pre vlastné overenie (ak je vybratá možnosť „Vlastný“)
Typy vstupu
- Typ vstupu
- Normálny text
- Hľadať (s tlačidlom Vymazať)
- Telefón (numerická klávesnica na mobile)
- URL (špecializovaná mobilná klávesnica)
Formátovanie textu
- Transformácia textu
- Žiadna premena
- VEĽKÉ PÍSMENÁ
- malými písmenami
- Veľké prvé písmeno
- Názov prípad
Podmienená logika
- Povoliť podmienenú logiku – zobraziť/skryť na základe podmienok
- Logický typ
- Všetky podmienky musia byť splnené (A)
- Môže byť splnená akákoľvek podmienka (ALEBO)
- Pravidlá podmienok
- Zobraziť/Skryť – Akcia, ktorú treba vykonať
- Pole – Ktoré pole sa má skontrolovať
- Operátor – Rovná sa, Nerovná sa, Obsahuje, Väčšie ako, Menšie ako, Je prázdne, Nie je prázdne
- Hodnota – Porovnávacia hodnota
- Viaceré podmienky – Pridajte neobmedzený počet pravidiel
rozšírené možnosti
- Vlastné triedy CSS – Použitie vlastného štýlu
- Atribúty prístupnosti – štítky a popisy ARIA
Prečo si vybrať naše pole na zadávanie textu?
✅ Všestranný – Funguje pre mená, kódy, heslá a všetko medzi tým
✅ Inteligentné overovanie – viac ako 6 overovacích vzorov plus vlastný regulárny výraz
✅ Optimalizované pre mobilné zariadenia – vhodné klávesnice pre každý typ vstupu
✅ Automatické formátovanie – Transformácia textu prebieha automaticky
✅ Bezpečné – Režim hesla chráni citlivé informácie
✅ Čisté dáta – Orezanie bielych medzier zabraňuje bežným chybám
✅ Flexibilné – Skryté polia, predvolené hodnoty, podmienená logika
✅ Používateľsky prívetivé – Jasné overovacie správy sprevádzajú používateľov
✅ Plne integrované – Funguje bezproblémovo so všetkými funkciami formulára
Často kladené otázky
Otázka: Aký je rozdiel medzi min/max dĺžkou a validáciou?
Minimálna/maximálna dĺžka určuje, koľko znakov je povolených. Overenie určuje, ktoré znaky sú povolené, napríklad iba písmená, iba čísla alebo formát e-mailu.
Otázka: Môžem overiť dĺžku AJ formát?
Áno. Kombinujte min./max. dĺžku s overovacími pravidlami. Napríklad nastavte min. 3, max. 15 a alfanumerické overenie pre pole používateľského mena.
Otázka: Ako funguje režim hesla?
Režim hesla maskuje znaky bodkami, rovnako ako typické polia pre heslo na prihlasovacích obrazovkách.
Otázka: Čo robí funkcia „orezanie medzier“?
Pred odoslaním odstráni úvodné a koncové medzery, aby náhodné medzery neprerušili overovanie.
Otázka: Môžem si vytvoriť vlastné overovacie vzory?
Áno. Použite „Vlastný vzor“ a pridajte regulárny výraz na vynútenie ľubovoľnej štruktúry, ktorú potrebujete.
Otázka: Ako fungujú transformácie textu?
Používateľ píše normálne a systém text pri odoslaní transformuje, napríklad ho prevedie na VEĽKÉ PÍSMENÁ.
Otázka: Na čo slúži typ vyhľadávacieho vstupu?
Pridáva vstavané tlačidlo na vymazanie (X), aby používatelia mohli pole okamžite resetovať počas vyhľadávania.
Otázka: Prečo používať vstupný typ „tel“?
Na mobilnom telefóne otvorí numerickú klávesnicu, ktorá uľahčuje zadávanie číslic ako na telefóne.
Otázka: Môžem použiť podmienenú logiku s textovými poľami?
Áno. Podmienky ako „Obsahuje“, „Rovná sa“ alebo „Je prázdne“ vám umožňujú zobraziť alebo skryť polia na základe vstupu používateľa.
Otázka: Na čo sa používajú skryté polia?
Ukladajú dáta bez toho, aby boli viditeľné pre používateľa, čo je užitočné na sledovanie metadát, ako sú značky UTM alebo zdroje odkazov.
Otázka: Môžu sa textové polia použiť pre čísla?
Áno, ale na výpočet alebo číselné overenie použite pole Číslo. Ak potrebujete kódy alebo ID, ktoré by sa nemali považovať za čísla, použite pole Text s možnosťou „Iba čísla“.
Otázka: Aké presné môžu byť regulárne výrazy?
Regex dokáže vynútiť extrémne špecifické vzory. Ak potrebujete vytvoriť alebo overiť zložité vzory, použite tester regexov.
