Pole pro zadávání textu
Sbírejte text s přesností a flexibilitou. Od jednoduchých názvů až po složité vzory s vestavěným ověřováním, inteligentním formátováním a výkonnými možnostmi přizpůsobení – pole pro vstup textu se přizpůsobí jakémukoli použití díky omezení počtu znaků, automatickému formátování a režimům bezpečného hesla.
Základ každého formuláře WordPressu
Ideální pro:
Výkonné funkce pro každý případ použití
📏 Inteligentní ovládání délky
Minimální a maximální počet znaků
Nastavte nejkratší a nejdelší povolený text. Zabraňte odesílání příliš krátkých nebo příliš dlouhých textů pomocí vestavěného ověřování prohlížeče.
Ověření v reálném čase
Uživatelé okamžitě dostanou zpětnou vazbu, pokud jejich příspěvek nesplňuje požadavky na délku – po odeslání žádná překvapení.
Příklady:
- Uživatelské jméno: Min. 3, Max. 20 znaků
- PSČ: Min. 5, Max. 10 znaků
- Jméno: Min. 2, Max. 50 znaků
- Komentář: Max. 500 znaků
Proč je důležitá:
Říďte kvalitu dat, předcházejte spamu, zajistěte kompatibilitu databáze a poskytujte uživatelům správné množství informací.
✅ Vestavěné ověřovací vzory
6 předkonfigurovaných typů validace:
- 1. Žádný – Přijmout jakýkoli text (výchozí)
2. E-mail – Ověřuje správný formát e-mailu ([chráněno e-mailem])
3. URL – Vyžaduje platné webové adresy (https://example.com)
4. Pouze písmena – Pouze abecední znaky a mezery (John Doe)
5. Pouze čísla – Pouze číslice (123456)
6. Alfanumerické – Písmena a číslice, žádné speciální znaky (Uživatel123)
Plus vlastní vzory:
- Definujte si vlastní validaci regulárních výrazů pro specializované formáty, jako například:
- SPZ: `^[AZ]{3}[0-9]{4}$`
- Kódy produktů: `^[AZ]{2}[0-9]{6}$`
- Vlastní formáty jedinečné pro vaši firmu
Okamžitá zpětná vazba:
Uživatelé uvidí jasné chybové zprávy, pokud jejich vstup neodpovídá požadovanému formátu.
✂️ Automatické ořezávání bílých znaků
Automatické čištění dat
Odstraňte nechtěné mezery ze začátku a konce textových položek. Už žádné „Jan“, když chcete „Jan“.
Případy užití:
- E-mailové adresy (bez mezer na konci)
- Uživatelská jména (bez úvodních mezer)
- Referenční kódy (přesné shody)
- V jakékoli oblasti, kde záleží na přesnosti
Výhody:
Snižuje počet chyb uživatelů, zlepšuje konzistenci dat, předchází problémům s ověřováním a zjednodušuje porovnávání a vyhledávání.
🔒 Režim hesla
Bezpečné maskování vstupu
Proměňte libovolné textové pole na pole pro heslo. Znaky se zobrazují jako tečky (•••), aby chránily citlivé informace před neoprávněným přístupem.
Perfektní pro:
- Zadání hesla a PINu
- Bezpečnostní kódy a tokeny
- Důvěrná identifikační čísla
- Dvoufázové ověřovací kódy
Chytré chování:
Režim hesla automaticky deaktivuje konfliktní funkce, jako je transformace textu a speciální typy vstupů, aby byla zajištěna bezpečnost.
📱 Typy inteligentního vstupu
Optimalizováno pro mobilní zařízení a počítače:
- Normální text – Standardní textový vstup pro všeobecné použití
- Hledat – Obsahuje vestavěné tlačítko pro vymazání (X) pro rychlý reset
- Telefon – Aktivuje numerickou klávesnici na mobilních zařízeních pro snazší zadávání telefonních čísel
- URL – Zobrazuje specializovanou mobilní klávesnici se zkratkami .com a .org
Proč je důležitá:
Správný typ vstupu zrychluje zadávání dat na mobilních zařízeních, snižuje chyby a zlepšuje uživatelský zážitek na všech zařízeních.
🎨 Automatická transformace textu
Formátovat text podle zadávání uživateli:
- Bez transformace – text zůstane přesně tak, jak byl zadán
- VELKÁ PÍSMA – Převede veškerý text na velká písmena (JAN DOE)
- malá písmena – Převede veškerý text na malá písmena (john doe)
- Velké první písmeno – Pouze první písmeno velké (John doe)
- Velká písmena v názvu – První písmeno každého slova (John Doe)
Perfektní pro:
- VELKÁ PÍSMA: SPZ, kódy států, identifikační čísla produktů
- malá písmena: e-mailové adresy, uživatelská jména
- Velká písmena: Začátek věty, jednotlivá jména
- Případová písmena a písmena titulu: Celá jména, adresy, tituly
Chytré chování:
Transformace probíhá automaticky během odesílání, zatímco uživatelé vidí svůj původní vstup.
🙈 Režim skrytého pole
Neviditelná datová pole
Vytvořte pole, která nebudou pro uživatele viditelná, ale odesílají data s formulářem. Ideální pro sledování, referenční kódy a systémové hodnoty.
Případy užití:
- Parametry sledování UTM
- ID zdrojů odkazů
- Čísla verzí formulářů
- Značky časových razítek
- Skrytá metadata
Jak to funguje:
Nastavte „Skrytou hodnotu“ a ta se automaticky zahrne do každého odeslání formuláře, aniž by zahlcovala uživatelské rozhraní formuláře.
🔀 Podmíněná logika
Dynamická viditelnost pole
Zobrazte nebo skryjte textová pole na základě jiných hodnot formuláře. Vytvářejte inteligentní formuláře, které se přizpůsobují vstupu uživatele.
Pokročilá logická pravidla:
- Logika AND – Všechny podmínky musí být splněny
- Logika NEBO – Akci může spustit jakákoli podmínka.
- 8 operátorů – Rovná se, Nerovná se, Větší než, Menší než, Obsahuje, Je prázdné a další
Případy užití:
- Zobrazit „Název společnosti“ pouze v případě, že typ uživatele se rovná „Firma“
- Zobrazit „Zdroj doporučení“, pokud „Jak jste se o nás dozvěděli?“ obsahuje „Doporučení“
- Skrýt „Další podrobnosti“, pokud primární možnost není prázdná
- Zobrazit „Promo kód“, když hodnota objednávky přesáhne 100 USD
🎯 Vylepšený uživatelský zážitek
Vestavěné chytré funkce:
- Výchozí hodnoty – Předvyplňte pole pro urychlení dokončení
- Zástupný text – Zobrazuje užitečné rady předtím, než uživatelé zadají text
- Text nápovědy – Přidejte popisy pro objasnění, co zadat
- Povinné ověření – Nastavte povinná pole s jasnými indikátory
- Vlastní CSS třídy – Použijte vlastní styling, který odpovídá vaší značce
- Podpora přístupnosti – štítky ARIA pro čtečky obrazovky
- Optimalizováno pro mobilní zařízení – Dotykové ovládání s vhodnými klávesnicemi
Jednoduché nastavení ve 3 krocích
Připravte si pole pro zadávání textu během několika minut
Přidat textové pole
Přetáhněte pole pro zadávání textu ze sekce Základní pole do formuláře.
Nastavení validace a limitů
Vyberte typ ověření (e-mail, URL, písmena atd.), nastavte minimální/maximální počet znaků a volitelně povolte režim hesla nebo ořezávání mezer.
Konfigurace formátování
Vyberte typ vstupu pro optimalizaci pro mobilní zařízení, zvolte transformaci textu (velká písmena, malá písmena atd.) a nastavte výchozí hodnoty nebo zástupné symboly.
???? To je vše! Vaše textové pole je připraveno s inteligentním ověřováním a formátováním.
Aplikace v reálném světě
Registrace uživatele
* Pole uživatelského jména s omezením délky
* Zadávání hesel s maskováním
* Pole jmen s formátováním velkých písmen
* E-mailové adresy s ověřením
Kontaktní formuláře
* Celé jméno s velkým písmenem a písmenem
* Ověření e-mailu
* Telefonní čísla s možností zadání čísla
* Pole pro zprávy/komentáře
E-commerce
* Zadání slevového kódu (velkými písmeny)
* Pole pro dárkovou zprávu
* Zvláštní pokyny
* Poznámky k přepravě
Podnikové aplikace
* Čísla identifikačních údajů zaměstnanců
* Názvy oddělení
* Referenční čísla
* Interní kódy
Žádosti a registrace
* Čísla registračních značek
* Certifikační kódy
* ID členství
* Vlastní identifikátory
Vyhledávání a filtrování
* Vyhledávací vstup s tlačítkem Vymazat
* Filtrovat textová pole
* Zadání klíčových slov
* Vstupní dotazy
Možnosti kompletního pole
Základní konfigurace
- Popisek pole – Název zobrazený nad textovým polem
- Popis/Nápověda – Další pokyny pro uživatele
- Povinné pole – Nastavit zadání textu jako povinné
- Zástupný text – Text nápovědy před zadáním textu uživatelem
Ověření délky
- Minimální délka – Nejméně povolených znaků (validace)
- Maximální délka – Povolený maximální počet znaků (pevný limit)
Výchozí hodnoty
- Výchozí hodnota – Předvyplněný text při načtení formuláře
- Skrytá hodnota – Hodnota pro skrytá pole (pokud je povolen skrytý režim)
Bezpečnost a soukromí
- Pole pro heslo – Zadání hesla se maskuje jako heslo (zobrazuje tečky •••)
Skryté pole – Zneviditelnit pole, ale zahrnout do odeslaných dokumentů
Kvalita dat
Ořezávání bílých mezer – Automatické odstranění přebytečných mezer ze začátku a konce
Pravidla ověření
- Typ ověření
- Žádný (libovolný text)
- E-mailem ([chráněno e-mailem])
- URL (https://example.com)
- Pouze písmena (pouze AZ)
- Pouze čísla (pouze 0–9)
- Alfanumerické (AZ a 0–9)
- Vlastní vzor (regex)
- Vlastní vzor – Regulární výraz pro vlastní ověření (pokud je vybrána možnost „Vlastní“)
Typy vstupů
- Typ vstupu
- Normální text
- Hledat (s tlačítkem Vymazat)
- Telefon (numerická klávesnice na mobilu)
- URL (specializovaná mobilní klávesnice)
Formátování textu
- Transformace textu
- Žádná transformace
- UPPERCASE
- malými písmeny
- Velká první písmena
- Název případu
Podmíněná logika
- Povolit podmíněnou logiku – Zobrazit/skrýt na základě podmínek
- Typ logiky
- Všechny podmínky musí být splněny (A)
- Jakákoli podmínka může být splněna (NEBO)
- Pravidla podmínek
- Zobrazit/Skrýt – Akce, kterou je třeba provést
- Pole – Které pole zkontrolovat
- Operátor – Rovná se, Nerovná se, Obsahuje, Větší než, Menší než, Je prázdné, Není prázdné
- Hodnota – Porovnávací hodnota
- Více podmínek – Přidejte neomezený počet pravidel
Pokročilé možnosti
- Vlastní CSS třídy – Použití vlastních stylů
- Atributy přístupnosti – popisky a popisy ARIA
Proč si vybrat naše pole pro zadávání textu?
✅ Všestranný – Funguje pro jména, kódy, hesla a vše mezi tím
✅ Inteligentní validace – 6+ validačních vzorů plus vlastní regulární výraz
✅ Optimalizováno pro mobilní zařízení – Vhodné klávesnice pro každý typ vstupu
✅ Automatické formátování – Transformace textu probíhá automaticky
✅ Zabezpečení – Režim hesla chrání citlivé informace
✅ Čistá data – Ořezávání bílých znaků zabraňuje běžným chybám
✅ Flexibilní – Skrytá pole, výchozí hodnoty, podmíněná logika
✅ Uživatelsky přívětivé – Jasné ověřovací zprávy vedou uživatele
✅ Plně integrovaný – Funguje bez problémů se všemi funkcemi formuláře
Často kladené dotazy
Otázka: Jaký je rozdíl mezi min/max délkou a validací?
Minimální/maximální délka určuje, kolik znaků je povoleno. Ověření určuje, které znaky jsou povoleny, například pouze písmena, pouze číslice nebo formát e-mailu.
Otázka: Mohu ověřit jak délku, tak formát?
Ano. Kombinujte minimální/maximální délku s ověřovacími pravidly. Například nastavte min. 3, max. 15 a alfanumerické ověření pro pole uživatelského jména.
Otázka: Jak funguje režim hesla?
Režim hesla maskuje znaky tečkami, stejně jako typická pole pro heslo na přihlašovacích obrazovkách.
Otázka: Co dělá funkce „ořezání bílých znaků“?
Před odesláním odstraní úvodní a koncové mezery, takže nechtěné mezery nenaruší validaci.
Otázka: Mohu si vytvořit vlastní ověřovací vzory?
Ano. Použijte „Vlastní vzor“ a přidejte regulární výraz pro vynucení jakékoli struktury, kterou potřebujete.
Otázka: Jak fungují textové transformace?
Uživatel píše normálně a systém text při odeslání transformuje, například převede na Velká písmena v názvu nebo VELKÁ PÍSMENA.
Otázka: K čemu slouží typ vyhledávacího pole?
Přidává vestavěné tlačítko pro vymazání (X), aby uživatelé mohli pole během vyhledávání okamžitě resetovat.
Otázka: Proč používat vstupní typ „tel“?
Na mobilním telefonu se otevře numerická klávesnice, která usnadňuje zadávání číslic jako na telefonech.
Otázka: Mohu použít podmíněnou logiku s textovými poli?
Ano. Podmínky jako „Obsahuje“, „Rovná se“ nebo „Je prázdné“ umožňují zobrazit nebo skrýt pole na základě vstupu uživatele.
Otázka: K čemu se používají skrytá pole?
Ukládají data, aniž by je uživatel viděl, což je užitečné pro sledování metadat, jako jsou značky UTM nebo zdroje odkazů.
Otázka: Lze textová pole použít pro čísla?
Ano, ale pro výpočet nebo číselné ověření použijte pole Číslo. Pokud potřebujete kódy nebo ID, které by neměly být považovány za čísla, použijte pole Text s možností „Pouze čísla“.
Otázka: Jak přesné mohou být regulární výrazy?
Regex dokáže vynutit extrémně specifické vzory. Pokud potřebujete vytvořit nebo ověřit složité vzory, použijte tester regexů.
