Number Field
Prikupljajte brojeve precizno i sa stilom. Od jednostavnih numeričkih unosa do interaktivnih klizača s formatiranjem valuta - polje Broj pruža validaciju, formatiranje i prekrasno korisničko iskustvo.
Pametno prikupljanje brojeva s ugrađenom validacijom
Savršeno za:
Moćne funkcije za svaku upotrebu
🎯 Precizna kontrola validacije
Granice min/maks
Postavite najnižu i najvišu dozvoljenu vrijednost. Spriječite nevažeće unose prije slanja pomoću ugrađene validacije preglednika.
Kontrola veličine koraka
Definišite vrijednosti prirasta – cijele brojeve (1), polukorake (0.5) ili precizne decimale (0.01) za valutu.
Primjeri:
- Polje za godine: Min. 18, Max. 100, Korak 1
- Polje za cijenu: Min 0, Max 10000, Korak 0.01
- Ocjena: Min 1, Max 5, Korak 0.5
💰 Pametno formatiranje brojeva
Više opcija formata:
- Običan broj – Jednostavan numerički unos (123)
- Valuta – Novac sa simbolima (123.00 USD, 123.00 EUR, 123.00 GBP)
- Procenat – Simbol % za automatsko dodavanje (85%)
- Decimalno – Fiksni broj decimala (123.45)
Prilagođeni simboli valuta
Podržava bilo koju valutu: $, €, £, ¥, ₹ i više – savršeno za međunarodne obrasce.
Decimalna preciznost
Kontrolirajte decimalna mjesta od 0 do 4 cifre za tačna izračunavanja.
Interaktivni način rada slajdera
Vizualni odabir broja
Transformišite unose brojeva u prekrasne klizače. Korisnici klizaju da bi odabrali vrijednosti – savršeno za ocjene, raspone i postavke.
Prilagodljiv izgled
- Odaberite boju slajdera koja odgovara vašem brendu
- Prikaži/sakrij prikaz trenutne vrijednosti
- Glatke animacije i prijelazi
Idealno za:
- Ocjene zadovoljstva (1-10)
- Raspon budžeta (0-5000 USD)
- Selektori dobi
- Nivoi prioriteta
- Bilo koji izbor raspona
🔀 Uslovna logika
Pametna vidljivost polja
Prikažite ili sakrijte ovo polje s brojem na osnovu vrijednosti drugih polja. Kreirajte dinamičke obrasce koji se prilagođavaju korisničkom unosu.
Napredna logička pravila:
- I logika – Svi uslovi moraju biti ispunjeni
- ILI logika – Bilo koji uslov može pokrenuti radnju.
- 8 operatora – Jednako, Nije jednako, Veće od, Manje od, Sadrži, Prazno je i još mnogo toga
Primjeri:
- Prikaži "Broj gostiju" samo kada je označen okvir "Dovesti goste?"
- Prikaži "Raspon budžeta" kada je vrsta usluge jednaka "Premium"
- Sakrij "Kod za popust" kada je ukupan iznos narudžbe manji od 50 USD
- Prikaži opcije s dobnim ograničenjem kada je dob veća od 1 godine
🎨 Potpuna prilagodba
- Prilagođene CSS klase
- Režim skrivenog polja
- Unosi optimizirani za mobilne uređaje
- Podrška pristupačnosti
- Integracija sa svim funkcijama obrasca
- Veličina koraka, početna vrijednost
- Najniža/najviša dozvoljena vrijednost
- Skriveno polje, skrivena vrijednost
⚙️ Pametna konfiguracija
Zadane vrijednosti
Unaprijed popunite polja početnim brojevima kako biste vodili korisnike ili ubrzali dovršavanje.
Tekst čuvara mjesta
Prikažite korisne savjete poput „Unesite količinu“ ili „Vaše godine“ prije nego što korisnici ukucaju.
Tekst pomoći
Dodajte opise kako biste pojasnili koje brojeve treba unijeti.
Jednostavno podešavanje u 3 koraka
Pripremite padajuće polje za nekoliko minuta
Dodajte polje za broj
Prevucite i ispustite polje Broj iz odjeljka Osnovna polja u obrazac.
Postavite pravila validacije
Konfigurišite minimalne/maksimalne vrijednosti, veličinu koraka i početnu vrijednost kako biste kontrolisali koje brojeve korisnici mogu unositi.
Odaberite format i stil
Odaberite običan, valuta, postotak ili decimalni format. Opcionalno omogućite način rada klizača za vizualni odabir.
🎉 To je to! Vaše polje za broj je spremno sa pametnom validacijom i formatiranjem.
Aplikacije u stvarnom svijetu
E-trgovina i narudžbe
- Selektori količine proizvoda
- Filteri cjenovnog raspona
- Unosi za postotak popusta
- Broj i ukupan broj artikala
Ankete i ocjene
- Rezultati zadovoljstva (1-10)
- Ocjene u zvjezdicama
- Prioritetne rang liste
- Skale vjerovatnoće
Fitness & Health
- Praćenje težine
- Mjerenja visine
- Ponavljanja vježbi
- Kalkulatori BMI-a
Rezervacije i rezervacije
- Broj gostiju/prisutnih
- Količina soba
- Trajanje u satima/danima
- Veličina stranke
Prijavni
- Provjera starosti
- Godine iskustva
- Očekivanja od plate
- Rasponi budžeta
Posao i finansije
- Ulazni podaci za prihode
- Iznosi investicija
- Procenti povrata ulaganja
- Stope provizije
Kompletne opcije polja
Osnovna konfiguracija
- Oznaka polja – Naslov prikazan iznad polja za broj
- Opis/Tekst pomoći – Dodatne upute za korisnike
- Obavezno polje – Učinite unos broja obaveznim
- Tekst čuvara mjesta – Tekst nagovještaja prije nego što korisnici unesu broj
Postavke validacije
- Najniža dozvoljena vrijednost (min) – Najmanji prihvatljivi broj
- Najviša dozvoljena vrijednost (maks.) – Najveći prihvatljiv broj
- Step Size – Vrijednost povećanja (1, 0.5, 0.01, itd.)
- Početna vrijednost – Unaprijed popunjeni zadani broj
Formatiranje brojeva
- Format prikaza
- Običan broj
- Valuta (sa simbolom)
- Procenat (%)
- Decimalni (fiksna mjesta)
Valutni simbol – $, €, £, ¥, ₹ (kada je format Valuta)
Decimalna mjesta – 0, 1, 2, 3 ili 4 cifre (kada je format decimalni)
Opcije klizača
- Prikaži kao klizač – Omogućite interaktivni način rada klizača
- Boja klizača – Prilagođeni birač boja za brendiranje
- Prikaži broj pored klizača – Prikaz trenutne vrijednosti
Uslovna logika
- Omogućite uslovnu logiku – Prikaži/sakrij na osnovu uslova
Logic Type- Svi uslovi moraju biti ispunjeni (I)
- Bilo koji uslov može biti ispunjen (ILI)
- Pravila uvjeta
- Prikaži / sakrij – Radnja koju treba preduzeti
- polje – Koje polje treba provjeriti
- operator – Jednako, Nije jednako, Sadrži, Veće od, Manje od, Prazno je, Nije prazno
- vrijednost – Vrijednost poređenja
- Višestruki uslovi – Dodajte neograničena pravila
Napredne opcije
- Režim skrivenog polja – Koristi se kao skriveno polje sa unaprijed postavljenom vrijednošću
- Prilagođene CSS klase – Primjena prilagođenog stila
- Atributi pristupačnosti – ARIA oznake i opisi
Zašto odabrati naše polje brojeva?
✅ Precizno – Precizna validacija min/maks sprečava nevažeće unose
✅ fleksibilan – Višestruki formati za bilo koju upotrebu
✅ vizuelan – Režim klizača stvara zanimljive interakcije
✅ pametan – Uslovna logika stvara dinamičke forme
✅ Prijateljski – Jasne poruke o validaciji vode korisnike
✅ profesionalac – Ugrađeno formatiranje valuta i procenata
✅ Mobile Optimized – Savršene numeričke tastature na mobilnim uređajima
✅ Potpuno integriran – Besprijekorno radi sa svim funkcijama obrasca
Često Postavljena Pitanja
P: Koja je razlika između Min/Max i validacije?
A: Postavke Min/Max omogućavaju trenutnu validaciju na nivou preglednika. Korisnici ne mogu slati nevažeće brojeve, što obrasce čini bez grešaka i jednostavnim za korištenje.
P: Mogu li koristiti decimalne brojeve?
A: Da! Postavite vrijednost Korak za kontrolu decimala. Koristite 0.01 za valutu (cijene), 0.1 za jedno decimalno mjesto ili bilo koji prilagođeni korak.
P: Kako klizač funkcioniše na mobilnom uređaju?
A: Slajderi su optimizovani za dodir i rade glatko na mobilnim uređajima.
P: Mogu li sakupljati negativne brojeve?
A: Apsolutno! Postavite negativnu minimalnu vrijednost (npr. Min: -100, Max: 100) da biste dozvolili negativne brojeve.
P: Koji su simboli valuta podržani?
A: Bilo koji simbol! Unesite $, €, £, ¥, ₹ ili bilo koji prilagođeni simbol do 3 znaka.
P: Mogu li koristiti uslovnu logiku zasnovanu na poređenju brojeva?
A: Da! Koristite operatore poput „Veće od“, „Manje od“ i „Jednako“ da biste kreirali logiku na osnovu numeričkih vrijednosti.
P: Kako da kreiram polje za procenat?
A: Odaberite "Procenat (%)" kao format prikaza. Simbol % se pojavljuje automatski, a korisnici unose vrijednosti od 0 do 100.
P: Mogu li promijeniti boju klizača?
O: Da! Kada je omogućen režim klizača, možete odabrati bilo koju boju pomoću alata za odabir boja.
P: Šta se dešava ako korisnici unesu brojeve izvan raspona?
A: Validacija preglednika zaustavlja slanje i prikazuje poruku o grešci kao što je „Vrijednost mora biti između 1 i 100.“
P: Mogu li koristiti polje za broj za izračunavanja?
A: Da! Vrijednosti brojnih polja funkcionišu u uslovnim poređenjima i u proračunima u obradi obrazaca.
P: Koliko precizni mogu biti decimalni brojevi?
A: Možete postaviti decimalna mjesta od 0 do 4 cifre, a vrijednosti koraka mogu biti precizne koliko je potrebno (npr. 0.001).
