Pole čísla
Zbierajte čísla s presnosťou a štýlom. Od jednoduchých číselných vstupov až po interaktívne posuvníky s formátovaním meny – pole Číslo poskytuje overovanie, formátovanie a krásny používateľský zážitok.
Inteligentné zhromažďovanie čísel so vstavanou validáciou
Ideálne pre:
Výkonné funkcie pre každý prípad použitia
🎯 Presná kontrola overovania
Hranice min./max.
Nastavte najnižšiu a najvyššiu povolenú hodnotu. Zabráňte neplatným záznamom pred odoslaním pomocou vstavaného overovania prehliadača.
Ovládanie veľkosti kroku
Definujte hodnoty prírastkov – celé čísla (1), polkroky (0.5) alebo presné desatinné miesta (0.01) pre menu.
Príklady:
- Vek: Min. 18, Max. 100, Krok 1
- Pole Cena: Min 0, Max 10000, Krok 0.01
- Hodnotenie: Min. 1, Max. 5, Krok 0.5
💰 Inteligentné formátovanie čísel
Možnosti viacerých formátov:
- Obyčajné číslo – Jednoduchý číselný vstup (123)
- Mena – Peniaze so symbolmi (123.00 USD, 123.00 EUR, 123.00 GBP)
- Percento – Symbol automatického pridávania % (85 %)
- Desatinné – Pevné desatinné miesta (123.45)
Vlastné symboly mien
Podpora akejkoľvek meny: $, €, £, ¥, ₹ a ďalšie – ideálne pre medzinárodné formuláre.
Desatinná presnosť
Pre presné výpočty ovládajte desatinné miesta od 0 do 4 číslic.
Interaktívny režim posúvača
Vizuálny výber čísla
Transformujte číselné vstupy na krásne posuvníky. Používatelia posúvaním vyberajú hodnoty – ideálne pre hodnotenia, rozsahy a preferencie.
Prispôsobiteľný vzhľad
- Vyberte farbu posuvníka, ktorá zodpovedá vašej značke
- Zobraziť/skryť zobrazenie aktuálnej hodnoty
- Plynulé animácie a prechody
Ideálne pre:
- Hodnotenia spokojnosti (1 – 10)
- Rozpočtové rozsahy (0 – 5 000 USD)
- Výbery veku
- Úrovne priority
- Ľubovoľný výber rozsahu
🔀 Podmienená logika
Inteligentná viditeľnosť poľa
Zobraziť alebo skryť toto číselné pole na základe hodnôt iných polí. Vytvoriť dynamické formuláre, ktoré sa prispôsobia 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ť „Počet hostí“ iba vtedy, keď je začiarknuté políčko „Priviesť hostí?“
- Zobraziť „Rozpočtový rozsah“, keď je typ služby „Prémiový“
- Skryť „Zľavový kód“, ak je celková hodnota objednávky nižšia ako 50 USD
- Zobraziť možnosti vekovo obmedzené, keď je vek vyšší ako 1
🎨 Úplné prispôsobenie
- Vlastné triedy CSS
- Režim skrytého poľa
- Vstupy optimalizované pre mobilné zariadenia
- Podpora prístupnosti
- Integrácia so všetkými funkciami formulára
- Veľkosť kroku, počiatočná hodnota
- Najnižšia/najvyššia povolená hodnota
- Skryté pole, skrytá hodnota
⚙️ Inteligentná konfigurácia
Základné hodnoty
Predvyplňte polia počiatočnými číslami, aby ste používateľov usmernili alebo urýchlili dokončovanie.
Zástupný text
Pred zadaním textu zobrazte používateľom užitočné rady, ako napríklad „Zadajte množstvo“ alebo „Váš vek“.
Pomocný text
Pridajte popisy, aby ste objasnili, aké čísla sa majú zadať.
Jednoduché nastavenie v 3 krokoch
Pripravte si rozbaľovacie pole za pár minút
Pridajte pole s číslom
Presuňte pole Číslo zo sekcie Základné polia do formulára.
Nastavenie overovacích pravidiel
Nakonfigurujte min./max. hodnoty, veľkosť kroku a počiatočnú hodnotu, aby ste ovládali, aké čísla môžu používatelia zadať.
Vyberte formát a štýl
Vyberte obyčajný, menový, percentuálny alebo desatinný formát. Voliteľne povoľte režim posuvníka pre vizuálny výber.
🎉 To je všetko! Vaše číselné pole je pripravené s inteligentným overením a formátovaním.
Aplikácie v reálnom svete
Elektronický obchod a objednávky
- Selektory množstva produktu
- Filtre cenových kategórií
- Vstupy percentuálnej zľavy
- Počty a súčty položiek
Prieskumy a hodnotenia
- Skóre spokojnosti (1 – 10)
- Hodnotenie hviezdičkami
- Prioritné poradie
- Škály pravdepodobnosti
Fitness a zdravie
- Sledovanie hmotnosti
- Merania výšky
- Opakovania cvičenia
- Kalkulačky BMI
Rezervácie a rezervácie
- Počet hostí/účastníkov
- Množstvo izieb
- Trvanie v hodinách/dňoch
- Veľkosť strany
Prihlasovacie formuláre
- Overenie veku
- Roky skúseností
- Očakávaný plat
- Rozpočtové rozsahy
Obchod a financie
- Vstupy príjmov
- Investičné sumy
- Percentá návratnosti investícií
- sadzby provízií
Možnosti kompletného poľa
Základná konfigurácia
- Označenie poľa – Názov zobrazený nad poľom s číslom
- Popis/Pomocný text – Ďalšie pokyny pre používateľov
- Požadované pole – Zadanie čísla je povinné
- Zástupný text – Text nápovedy predtým, ako používatelia zadajú číslo
Nastavenia overenia
- Najnižšia povolená hodnota (min.) – Najmenšie prijateľné číslo
- Najvyššia povolená hodnota (max.) – Najväčšie prijateľné číslo
- Veľkosť kroku – Hodnota prírastku (1, 0.5, 0.01 atď.)
- Počiatočná hodnota – Vopred vyplnené predvolené číslo
formátovanie číslo
- Formát zobrazenia
- Obyčajné číslo
- Mena (so symbolom)
- Percento (%)
- Desatinné číslo (pevné miesta)
symbol meny – $, €, £, ¥, ₹ (ak je formát Mena)
Desatinné miesta – 0, 1, 2, 3 alebo 4 číslice (ak je formát desiatkový)
Možnosti posúvača
- Zobraziť ako posuvník – Povoliť interaktívny režim posúvača
- Farba posúvača – Vlastný výber farieb pre branding
- Zobraziť číslo vedľa posuvníka – Zobrazenie aktuálnej hodnoty
Podmienená logika
- Aktivovať podmieneného Logic – 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
- Ukázať skryť – Akcia, ktorú treba podniknúť
- Pole – Ktoré pole 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
- Režim skrytého poľa – Použiť ako skryté pole s prednastavenou hodnotou
- Vlastné CSS triedy – Použiť vlastný štýl
- Atribúty prístupnosti – Štítky a popisy ARIA
Prečo si vybrať naše číselné pole?
✅ Presný – Presné overenie min/max zabráni neplatným zadaniam
✅ Pružný – Viacero formátov pre akýkoľvek prípad použitia
✅ Vizuálny – Režim posúvača vytvára pútavé interakcie
✅ šikovný – Podmienená logika vytvára dynamické formy
✅ Užívatelsky prívetivý – Jasné overovacie správy vedú používateľov
✅ profesionálny – Vstavané formátovanie mien a percent
✅ Optimalizácia pre mobilné zariadenia – Perfektné číselné klávesnice na mobilných zariadeniach
✅ Plne integrované – Funguje bezproblémovo so všetkými funkciami formulára
Často kladené otázky
Otázka: Aký je rozdiel medzi Min/Max a validáciou?
A: Nastavenia Min/Max poskytujú okamžité overenie na úrovni prehliadača. Používatelia nemôžu odosielať neplatné čísla, vďaka čomu sú formuláre bezchybné a užívateľsky prívetivé.
Otázka: Môžem použiť desatinné čísla?
A: Áno! Nastavte hodnotu Krok na ovládanie desatinných miest. Pre menu (ceny) použite 0.01, pre jedno desatinné miesto 0.1 alebo ľubovoľný vlastný krok.
Otázka: Ako funguje posuvník na mobile?
A: Posuvníky sú optimalizované pre dotyk a fungujú hladko na mobilných zariadeniach.
Otázka: Môžem zbierať záporné čísla?
A: Rozhodne! Nastavte zápornú minimálnu hodnotu (napr. Min: -100, Max: 100), aby ste povolili záporné čísla.
Otázka: Aké symboly mien sú podporované?
A: Ľubovoľný symbol! Zadajte $, €, £, ¥, ₹ alebo ľubovoľný vlastný symbol s maximálne 3 znakmi.
Otázka: Môžem použiť podmienenú logiku založenú na porovnávaní čísel?
A: Áno! Na vytvorenie logiky založenej na číselných hodnotách použite operátory ako „Väčšie ako“, „Menšie ako“ a „Rovná sa“.
Otázka: Ako vytvorím percentuálne pole?
A: Ako formát zobrazenia vyberte „Percento (%)“. Symbol % sa zobrazí automaticky a používatelia zadávajú hodnoty od 0 do 100.
Otázka: Môžem zmeniť farbu posúvača?
A: Áno! Keď je povolený režim posúvača, môžete si pomocou nástroja na výber farieb vybrať ľubovoľnú farbu.
Otázka: Čo sa stane, ak používatelia zadajú čísla mimo rozsahu?
A: Overenie prehliadača zastaví odosielanie a zobrazí chybové hlásenie, napríklad „Hodnota musí byť medzi 1 a 100.“
Otázka: Môžem použiť číselné pole na výpočty?
A: Áno! Hodnoty číselných polí fungujú v podmienených porovnávaniach a vo výpočtoch pri spracovaní formulárov.
Otázka: Aké presné môžu byť desatinné čísla?
A: Desatinné miesta môžete nastaviť od 0 do 4 číslic a hodnoty krokov môžu byť tak presné, ako je potrebné (napr. 0.001).
