Številsko polje
Zbirajte številke natančno in elegantno. Od preprostih numeričnih vnosov do interaktivnih drsnikov z oblikovanjem valut – polje Številka zagotavlja preverjanje, oblikovanje in čudovito uporabniško izkušnjo.
Pametno zbiranje številk z vgrajeno validacijo
Idealen za:
Zmogljive funkcije za vsak primer uporabe
🎯 Natančen nadzor validacije
Min./maks. meje
Nastavite najnižjo in najvišjo dovoljeno vrednost. Z vgrajenim preverjanjem brskalnika preprečite neveljavne vnose pred oddajo.
Nadzor velikosti koraka
Določite vrednosti korakov – cela števila (1), polovične korake (0.5) ali natančne decimalne številke (0.01) za valuto.
Primeri:
- Starostno polje: Min 18, Max 100, 1. korak
- Polje s ceno: Min 0, Max 10000, Korak 0.01
- Ocena: Min 1, Maks 5, Korak 0.5
💰 Pametno oblikovanje številk
Več možnosti formata:
- Navadna številka – preprost numerični vnos (123)
- Valuta – Denar s simboli (123.00 USD, 123.00 EUR, 123.00 GBP)
- Odstotek – Samodejno dodajanje simbola % (85 %)
- Decimalno – Fiksna decimalna mesta (123.45)
Simboli valut po meri
Podpira vse valute: $, €, £, ¥, ₹ in druge – idealno za mednarodne obrazce.
Decimalna natančnost
Za natančne izračune nadzorujte decimalna mesta od 0 do 4 števke.
Interaktivni način drsnika
Vizualna izbira številk
Spremenite številske vnose v čudovite drsnike. Uporabniki z drsenjem izberejo vrednosti – idealno za ocene, razpone in nastavitve.
Prilagodljiv videz
- Izberite barvo drsnika, ki se ujema z vašo blagovno znamko
- Prikaži/skrij prikaz trenutne vrednosti
- Gladke animacije in prehodi
Idealno za:
- Ocene zadovoljstva (1–10)
- Razponi proračuna (0–5000 USD)
- Izbirniki starosti
- Prednostne ravni
- Poljubna izbira obsega
🔀 Pogojna logika
Pametna vidljivost polja
Prikažite ali skrijte to številsko polje glede na vrednosti drugih polj. Ustvarite dinamične 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 »Število gostov« samo, če je označeno polje »Želim pripeljati goste?«
- Prikaži »Razpon proračuna«, ko je vrsta storitve enaka »Premium«
- Skrij »Kodo za popust«, če je skupni znesek naročila manjši od 50 USD
- Prikaži možnosti starostne omejitve, ko je starost višja od 1 leta
🎨 Popolna prilagoditev
- Razredi CSS po meri
- Način skritega polja
- Vnosi, optimizirani za mobilne naprave
- Podpora za dostopnost
- Integracija z vsemi funkcijami obrazca
- Velikost koraka, začetna vrednost
- Najnižja/najvišja dovoljena vrednost
- Skrito polje, skrita vrednost
⚙️ Pametna konfiguracija
Privzete vrednosti
V polja vnaprej izpolnite začetne številke, da boste uporabnike vodili ali pospešili izpolnjevanje.
Nadomestno besedilo
Preden uporabniki vnesejo besedilo, prikažite koristne namige, kot sta »Vnesite količino« ali »Vaša starost«.
Besedilo pomoči
Dodajte opise, ki pojasnjujejo, katere številke je treba vnesti.
Preprosta namestitev v 3 korakih
Pripravite spustno polje v nekaj minutah
Dodaj polje s številko
Povlecite in spustite polje Številka iz razdelka Osnovna polja v obrazec.
Nastavitev pravil za preverjanje veljavnosti
Konfigurirajte minimalne/maksimalne vrednosti, velikost koraka in začetno vrednost, da nadzorujete, katere številke lahko uporabniki vnesejo.
Izberite obliko in slog
Izberite navadno, valutno, odstotno ali decimalno obliko. Po želji omogočite način drsnika za vizualno izbiro.
???? To je to! Vaše številsko polje je pripravljeno s pametnim preverjanjem in oblikovanjem.
Aplikacije iz resničnega sveta
E-trgovina in naročila
- Izbirniki količine izdelkov
- Filtri cenovnih razredov
- Vnosi za odstotek popusta
- Število in skupne vrednosti artiklov
Ankete in ocene
- Ocene zadovoljstva (1–10)
- Ocene z zvezdicami
- Prednostne uvrstitve
- Lestvice verjetnosti
Fitnes in zdravje
- Sledenje teži
- Meritve višine
- Ponovitve vaje
- Kalkulatorji ITM
Rezervacije in rezervacije
- Število gostov/udeležencev
- Količina sobe
- Trajanje v urah/dnevih
- Velikost stranke
Prijavni obrazci
- Preverjanje starosti
- Leta izkušenj
- Pričakovanja glede plače
- Razponi proračuna
Posel in finance
- Vhodni podatki za prihodke
- Zneski naložb
- Odstotki donosnosti naložbe
- Provizije
Možnosti celotnega polja
Osnovna konfiguracija
- Oznaka polja – Naslov, prikazan nad poljem s številko
- Opis/besedilo pomoči – Dodatna navodila za uporabnike
- Obvezno polje – Vnos številke naj bo obvezen
- Nadomestno besedilo – Namig, preden uporabniki vnesejo številko
Nastavitve validacije
- Najnižja dovoljena vrednost (min) – Najmanjše sprejemljivo število
- Najvišja dovoljena vrednost (maks.) – Največje sprejemljivo število
- Velikost koraka – Vrednost prirastka (1, 0.5, 0.01 itd.)
- Začetna vrednost – Vnaprej izpolnjena privzeta številka
Število Oblikovanje
- Oblika prikaza
- Navadna številka
- Valuta (s simbolom)
- Odstotek (%)
- Decimalno (fiksna mesta)
valuta Simbol – $, €, £, ¥, ₹ (če je format Valuta)
Decimalna mesta – 0, 1, 2, 3 ali 4 števke (če je format decimalen)
Možnosti drsnika
- Prikaži kot drsnik – Omogoči interaktivni način drsnika
- Barva drsnika – Izbirnik barv po meri za blagovno znamko
- Prikaži številko poleg drsnika – Prikaz trenutne vrednosti
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
- Pokaži / Skrij – Ukrepi, ki jih je treba sprejeti
- Polje – Katero polje preveriti
- Operater – 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
- Način skritega polja – Uporabite kot skrito polje z vnaprej določeno vrednostjo
- Razredi CSS po meri – Uporabite prilagojeno oblikovanje
- Atributi dostopnosti – Oznake in opisi ARIA
Zakaj izbrati naše številčno polje?
✅ Natančne – Natančna validacija min/maks preprečuje neveljavne vnose
✅ Prilagodljiva – Več formatov za vsak primer uporabe
✅ Vizualni – Način drsnika ustvarja privlačne interakcije
✅ Smart – Pogojna logika ustvarja dinamične oblike
✅ Uporabniku prijazno – Jasna potrditvena sporočila vodijo uporabnike
✅ strokovni – Vgrajeno oblikovanje valut in odstotkov
✅ Mobilno optimizirano – Popolne številske tipkovnice na mobilnih napravah
✅ Popolnoma integriran – Brezhibno deluje z vsemi funkcijami obrazca
Pogosto zastavljena vprašanja
V: Kakšna je razlika med Min/Max in validacijo?
A: Nastavitve Min/Max omogočajo takojšnjo validacijo na ravni brskalnika. Uporabniki ne morejo vnesti neveljavnih številk, zaradi česar so obrazci brez napak in uporabniku prijazni.
V: Ali lahko uporabljam decimalna števila?
A: Da! Nastavite vrednost Korak za nadzor decimalnih mest. Uporabite 0.01 za valuto (cene), 0.1 za eno decimalno mesto ali poljuben korak po meri.
V: Kako deluje drsnik na mobilnih napravah?
A: Drsniki so optimizirani za dotik in delujejo gladko na mobilnih napravah.
V: Ali lahko zbiram negativna števila?
A: Seveda! Nastavite negativno minimalno vrednost (npr. Min: -100, Max: 100), da omogočite negativna števila.
V: Kateri simboli valut so podprti?
A: Kateri koli simbol! Vnesite $, €, £, ¥, ₹ ali kateri koli simbol po meri, dolg do 3 znake.
V: Ali lahko uporabljam pogojno logiko, ki temelji na primerjavi števil?
A: Da! Za ustvarjanje logike na podlagi številskih vrednosti uporabite operatorje, kot so »Večje od«, »Manjše od« in »Enako«.
V: Kako ustvarim polje z odstotki?
A: Kot obliko prikaza izberite »Odstotek (%)«. Simbol % se prikaže samodejno in uporabniki vnesejo vrednosti od 0 do 100.
V: Ali lahko spremenim barvo drsnika?
A: Da! Ko je omogočen način drsnika, lahko z izbirnikom barv izberete katero koli barvo.
V: Kaj se zgodi, če uporabniki vnesejo številke zunaj obsega?
A: Preverjanje brskalnika ustavi oddajo in prikaže sporočilo o napaki, kot je »Vrednost mora biti med 1 in 100«.
V: Ali lahko polje s številko uporabim za izračune?
A: Da! Vrednosti številskih polj delujejo v pogojnih primerjavah in izračunih pri obdelavi obrazcev.
V: Kako natančna so lahko decimalna števila?
A: Decimalna mesta lahko nastavite od 0 do 4 števk, vrednosti korakov pa so lahko po potrebi natančne (npr. 0.001).
