Číslo pole
Sbírejte čísla s přesností a stylem. Od jednoduchých číselných vstupů až po interaktivní posuvníky s formátováním měn – pole Číslo poskytuje ověřování, formátování a příjemný uživatelský zážitek.
Inteligentní sběr čísel s vestavěným ověřováním
Ideální pro:
Výkonné funkce pro každý případ použití
🎯 Přesná kontrola validace
Hranice min./max.
Nastavte nejnižší a nejvyšší povolené hodnoty. Zabraňte neplatným záznamům před odesláním pomocí vestavěného ověřování prohlížeče.
Řízení velikosti kroku
Definujte hodnoty přírůstků – celá čísla (1), půlkroky (0.5) nebo přesná desetinná místa (0.01) pro měnu.
Příklady:
- Věkové pole: Min. 18, Max. 100, Krok 1
- Pole Cena: Min 0, Max 10000, Krok 0.01
- Hodnocení: Min. 1, Max. 5, Krok 0.5
💰 Inteligentní formátování čísel
Více možností formátu:
- Prosté číslo – Jednoduchý číselný vstup (123)
- Měna – Peníze se symboly (123.00 USD, 123.00 EUR, 123.00 GBP)
- Procento – Symbol automatického přidávání % (85 %)
- Desetinná soustava – Pevná desetinná místa (123.45)
Vlastní symboly měn
Podpora jakékoli měny: $, €, £, ¥, ₹ a další – ideální pro mezinárodní formuláře.
Desetinná přesnost
Pro přesné výpočty ovládejte desetinná místa od 0 do 4 číslic.
Interaktivní režim posuvníku
Vizuální výběr čísla
Proměňte číselné vstupy v krásné posuvníky. Uživatelé posunutím vybírají hodnoty – ideální pro hodnocení, rozsahy a preference.
Přizpůsobitelný vzhled
- Vyberte barvu posuvníku, která odpovídá vaší značce
- Zobrazit/skrýt zobrazení aktuální hodnoty
- Plynulé animace a přechody
Ideální pro:
- Hodnocení spokojenosti (1–10)
- Rozpočtové rozpětí (0–5 000 USD)
- Výběry věku
- Úrovně priority
- Výběr libovolného rozsahu
🔀 Podmíněná logika
Inteligentní viditelnost pole
Zobrazit nebo skrýt toto číselné pole na základě hodnot jiných polí. Vytvořit dynamické formuláře, které se přizpůsobí 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 „Počet hostů“ pouze tehdy, když je zaškrtnuto políčko „Přivést hosty?“
- Zobrazit „Rozpočtové rozpětí“, pokud je typ služby roven „Prémiové“
- Skrýt „Slevový kód“, pokud je celková cena objednávky nižší než 50 USD
- Zobrazit možnosti věkového omezení, pokud je věk vyšší než 1 leto
🎨 Plná úprava
- Vlastní CSS třídy
- Režim skrytého pole
- Vstupy optimalizované pro mobilní zařízení
- Podpora přístupnosti
- Integrace se všemi funkcemi formuláře
- Velikost kroku, počáteční hodnota
- Nejnižší/nejvyšší povolená hodnota
- Skryté pole, skrytá hodnota
⚙️ Inteligentní konfigurace
Výchozí hodnoty
Předvyplňte pole počátečními čísly, abyste uživatele nasměrovali nebo urychlili vyplňování.
Zástupný text
Před zadáním textu zobrazte užitečné tipy, jako například „Zadejte množství“ nebo „Váš věk“.
Text nápovědy
Přidejte popisy, které upřesní, jaká čísla zadat.
Jednoduché nastavení ve 3 krocích
Připravte si rozbalovací pole během několika minut
Přidat číselné pole
Přetáhněte pole Číslo ze sekce Základní pole do formuláře.
Nastavení ověřovacích pravidel
Nakonfigurujte min./max. hodnoty, velikost kroku a počáteční hodnotu pro kontrolu čísel, která mohou uživatelé zadat.
Vyberte formát a styl
Vyberte formát prostého, měny, procent nebo desetinného čísla. Volitelně povolte režim posuvníku pro vizuální výběr.
???? To je vše! Vaše číselné pole je připraveno s inteligentním ověřováním a formátováním.
Aplikace v reálném světě
E-commerce a objednávky
- Selektory množství produktů
- Filtry cenových rozpětí
- Vstupy pro procentuální slevu
- Počty a součty položek
Průzkumy a hodnocení
- Skóre spokojenosti (1–10)
- Hodnocení hvězdičkami
- Prioritní pořadí
- Škály pravděpodobnosti
Fitness a zdraví
- Sledování hmotnosti
- Měření výšky
- Opakování cvičení
- Kalkulačky BMI
Rezervace a rezervace
- Počet hostů/účastníků
- Množství pokojů
- Doba trvání v hodinách/dnech
- Velikost party
Přihlášky
- Ověřování věku
- Roky zkušeností
- Platové očekávání
- Rozpočtové rozsahy
Obchod a finance
- Vstupy příjmů
- Výše investic
- Procenta návratnosti investic
- sazby provizí
Možnosti kompletního pole
Základní konfigurace
- Štítek pole – Název zobrazený nad číselným polem
- Popis/Nápověda – Další pokyny pro uživatele
- Povinné pole – Zadejte povinné číslo
- Zástupný text – Text nápovědy před zadáním čísla uživatelem
Nastavení ověření
- Nejnižší povolená hodnota (min.) – Nejmenší přijatelné číslo
- Nejvyšší povolená hodnota (max.) – Největší přijatelné číslo
- Velikost kroku – Hodnota přírůstku (1, 0.5, 0.01 atd.)
- Počáteční hodnota – Předvyplněné výchozí číslo
Počet Formátování
- Formát zobrazení
- Prosté číslo
- Měna (se symbolem)
- Procento (%)
- Desetinná soustava (pevná místa)
Symbol měny – $, €, £, ¥, ₹ (pokud je formát Měna)
Desetinná místa – 0, 1, 2, 3 nebo 4 číslice (při desetinném formátu)
Možnosti posuvníku
- Zobrazit jako posuvník – Povolit interaktivní režim posuvníku
- Barva posuvníku – Vlastní výběr barev pro branding
- Zobrazit číslo vedle posuvníku – Zobrazení aktuální hodnoty
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 – Opatření k podniknutí
- Pole – Které pole zkontrolovat
- Operátor – Rovná se, Nerovná se, Obsahuje, Větší než, Menší než, Je prázdné, Není prázdné
- Hodnota – Srovnávací hodnota
- Více podmínek – Přidejte neomezený počet pravidel
Pokročilé možnosti
- Režim skrytého pole – Použít jako skryté pole s přednastavenou hodnotou
- Vlastní CSS třídy – Použít vlastní styling
- Atributy přístupnosti – Štítky a popisy ARIA
Proč si vybrat naše číselné pole?
(Tj. Přesný – Přesné ověření min./max. hodnot zabraňuje neplatným záznamům
(Tj. Pružný – Více formátů pro jakýkoli případ použití
(Tj. Vizuální – Režim posuvníku vytváří poutavé interakce
(Tj. Chytrý – Podmíněná logika vytváří dynamické formy
(Tj. Uživatelsky přívětivý – Jasné ověřovací zprávy vedou uživatele
(Tj. Profesionální – Vestavěné formátování měn a procent
(Tj. Optimalizováno pro mobily – Perfektní numerické klávesnice na mobilních zařízeních
(Tj. Plně integrovaný – Funguje bez problémů se všemi funkcemi formuláře
Často kladené dotazy
Otázka: Jaký je rozdíl mezi Min/Max a validací?
A: Nastavení Min/Max umožňuje okamžité ověření na úrovni prohlížeče. Uživatelé nemohou odesílat neplatná čísla, takže formuláře jsou bezchybné a uživatelsky přívětivé.
Otázka: Mohu používat desetinná čísla?
A: Ano! Nastavte hodnotu Krok pro řízení desetinných míst. Použijte 0.01 pro měnu (ceny), 0.1 pro jedno desetinné místo nebo libovolný vlastní krok.
Otázka: Jak funguje posuvník na mobilu?
A: Posuvníky jsou optimalizovány pro dotykové ovládání a fungují plynule na mobilních zařízeních.
Otázka: Mohu shromažďovat záporná čísla?
A: Rozhodně! Nastavte zápornou hodnotu Min (např. Min: -100, Max: 100), abyste povolili záporná čísla.
Otázka: Jaké symboly měn jsou podporovány?
A: Libovolný symbol! Zadejte $, €, £, ¥, ₹ nebo jakýkoli vlastní symbol o délce až 3 znaků.
Otázka: Mohu použít podmíněnou logiku založenou na porovnávání čísel?
A: Ano! Pro vytvoření logiky založené na číselných hodnotách použijte operátory jako „Větší než“, „Menší než“ a „Rovná se“.
Otázka: Jak vytvořím procentuální pole?
A: Jako formát zobrazení vyberte „Procento (%)“. Symbol % se zobrazí automaticky a uživatelé zadají hodnoty od 0 do 100.
Otázka: Mohu změnit barvu posuvníku?
A: Ano! Pokud je povolen režim posuvníku, můžete si pomocí nástroje pro výběr barev vybrat libovolnou barvu.
Otázka: Co se stane, když uživatelé zadají čísla mimo rozsah?
A: Ověření prohlížeče zastaví odesílání a zobrazí chybovou zprávu, například „Hodnota musí být mezi 1 a 100.“
Otázka: Mohu použít číselné pole pro výpočty?
A: Ano! Hodnoty číselných polí fungují v podmíněných porovnáních a ve výpočtech při zpracování formulářů.
Otázka: Jak přesná mohou být desetinná čísla?
A: Můžete nastavit desetinná místa od 0 do 4 číslic a hodnoty kroků mohou být tak přesné, jak je potřeba (např. 0.001).
