Polje broja
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 značajke za svaku upotrebu
🎯 Precizna kontrola validacije
Granice min./maks.
Postavite najnižu i najvišu dopuštenu vrijednost. Spriječite nevažeće unose prije slanja pomoću ugrađene validacije preglednika.
Kontrola veličine koraka
Definirajte vrijednosti prirasta – cijele brojeve (1), polukorake (0.5) ili precizne decimale (0.01) za valutu.
Primjeri:
- Polje za dob: Min. 18, Maks. 100, Korak 1
- Polje cijene: Min 0, Max 10000, Korak 0.01
- Ocjena: Min. 1, Maks. 5, Korak 0.5
💰 Pametno oblikovanje 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)
- Postotak – 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 znamenke za točne izračune.
Interaktivni način rada klizača
Vizualni odabir broja
Pretvorite unose brojeva u prekrasne klizače. Korisnici klize za odabir vrijednosti – savršeno za ocjene, raspone i postavke.
Prilagodljiv izgled
- Odaberite boju klizača koja odgovara vašem brendu
- Prikaži/sakrij prikaz trenutne vrijednosti
- Glatke animacije i prijelazi
Idealno za:
- Ocjene zadovoljstva (1-10)
- Rasponi proračuna (0-5000 USD)
- Selektori dobi
- Razine prioriteta
- Bilo koji odabir raspona
🔀 Uvjetna logika
Pametna vidljivost polja
Prikažite ili sakrijte ovo brojčano polje na temelju vrijednosti drugih polja. Izradite dinamičke obrasce koji se prilagođavaju korisničkom unosu.
Napredna logička pravila:
- I logika – Svi uvjeti moraju biti ispunjeni
- ILI logika – Bilo koji uvjet može pokrenuti radnju
- 8 operatora – Jednako, Nije jednako, Veće od, Manje od, Sadrži, Je prazno i više
Upotrijebite slučajeve:
- Prikaži "Broj gostiju" samo kada je označen potvrdni okvir "Dovesti goste?"
- Prikaži "Raspon proračuna" 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
- Način rada skrivenog polja
- Unosi optimizirani za mobilne uređaje
- Podrška pristupačnosti
- Integracija sa svim značajkama obrasca
- Veličina koraka, početna vrijednost
- Najniža/najviša dopuštena vrijednost
- Skriveno polje, skrivena vrijednost
⚙️ Pametna konfiguracija
Zadane vrijednosti
Unaprijed ispunite polja početnim brojevima kako biste vodili korisnike ili ubrzali dovršavanje.
Tekst rezerviranog mjesta
Prikažite korisne savjete poput "Unesite količinu" ili "Vaše godine" prije nego što korisnici unesu tekst.
Tekst pomoći
Dodajte opise kako biste pojasnili koje brojeve treba unijeti.
Jednostavno postavljanje u 3 koraka
Pripremite padajuće polje za nekoliko minuta
Dodaj polje s brojem
Povucite i ispustite polje Broj iz odjeljka Osnovna polja u obrazac.
Postavljanje pravila validacije
Konfigurirajte minimalne/maksimalne vrijednosti, veličinu koraka i početnu vrijednost kako biste kontrolirali koje brojeve korisnici mogu unijeti.
Odaberite format i stil
Odaberite običan, valuta, postotak ili decimalni format. Po želji omogućite način rada klizača za vizualni odabir.
???? To je to! Vaše polje s brojem je spremno s pametnom validacijom i formatiranjem.
Aplikacije iz stvarnog svijeta
E-trgovina i narudžbe
- Selektori količine proizvoda
- Filtri cjenovnog raspona
- Unosi postotka popusta
- Broj i ukupni broj artikala
Ankete i ocjene
- Ocjene zadovoljstva (1-10)
- Ocjene zvjezdicama
- Prioritetne rang-liste
- Skale vjerojatnosti
Fitness i zdravlje
- 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
Obrazac za prijavu
- Provjera dobi
- Godine iskustva
- Očekivanja od plaće
- Rasponi proračuna
Poslovne financije
- Ulazni podaci prihoda
- Iznosi ulaganja
- Postoci povrata ulaganja
- Stope provizije
Potpune opcije polja
Osnovna konfiguracija
- Oznaka polja – Naslov prikazan iznad polja s brojem
- Opis/Tekst pomoći – Dodatne upute za korisnike
- Obvezno polje – Učinite unos broja obaveznim
- Tekst rezerviranog mjesta – Tekst nagovještaja prije nego što korisnici unesu broj
Postavke validacije
- Najniža dopuštena vrijednost (min) – Najmanji prihvatljivi broj
- Najviša dopuštena vrijednost (maks.) – Najveći prihvatljivi broj
- Veličina koraka – Vrijednost povećanja (1, 0.5, 0.01 itd.)
- Početna vrijednost – Unaprijed ispunjeni zadani broj
Broj Oblikovanje
- Prikaz formata
- Običan broj
- Valuta (sa simbolom)
- Postotak (%)
- Decimalni (fiksna mjesta)
Simbol valute – $, €, £, ¥, ₹ (kada je format Valuta)
Decimalna mjesta – 0, 1, 2, 3 ili 4 znamenke (kada je format decimalni)
Opcije klizača
- Prikaži kao klizač – Omogući interaktivni način rada klizača
- Boja klizača – Prilagođeni alat za odabir boja za brendiranje
- Prikaži broj pored klizača – Prikaz trenutne vrijednosti
Uvjetna logika
- Omogući uvjetnu logiku – Prikaži/sakrij ovisno o uvjetima
Vrsta logike- Svi uvjeti moraju biti ispunjeni (I)
- Bilo koji uvjet može biti ispunjen (ILI)
- Pravila uvjeta
- Pokaži sakrij – Radnja koju treba poduzeti
- Polje – Koje polje provjeriti
- Operator – Jednako, Nije jednako, Sadrži, Veće od, Manje od, Prazno je, Nije prazno
- Još malo brojeva – Vrijednost usporedbe
- Višestruki uvjeti – Dodajte neograničena pravila
Napredne opcije
- Način rada skrivenog polja – Koristi se kao skriveno polje s 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?
✅ precizan – Točna validacija min/maks sprječava nevažeće unose
✅ Fleksibilno – Više formata za bilo koju upotrebu
✅ Visual – Način rada klizača stvara zanimljive interakcije
✅ Pametan – Uvjetna logika stvara dinamičke oblike
✅ User-friendly – Jasne poruke o validaciji vode korisnike
✅ profesionalac – Ugrađeno formatiranje valuta i postotaka
✅ Optimizirano za mobilne uređaje – Savršene numeričke tipkovnice na mobilnim uređajima
✅ Potpuno integriran – Besprijekorno radi sa svim značajkama obrasca
Često postavljana pitanja
P: Koja je razlika između Min/Max i validacije?
A: Postavke Min/Max omogućuju trenutnu validaciju na razini preglednika. Korisnici ne mogu slati nevažeće brojeve, što obrasce čini bez grešaka i jednostavnima za korištenje.
P: Mogu li koristiti decimalne brojeve?
O: 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č funkcionira na mobitelu?
A: Klizači su optimizirani za dodir i glatko rade na mobilnim uređajima.
P: Mogu li prikupljati negativne brojeve?
A: Apsolutno! Postavite negativnu minimalnu vrijednost (npr. Min: -100, Max: 100) kako biste omogućili 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 uvjetnu logiku temeljenu na usporedbi brojeva?
O: Da! Koristite operatore poput „Veće od“, „Manje od“ i „Jednako“ za stvaranje logike na temelju numeričkih vrijednosti.
P: Kako mogu stvoriti polje s postotkom?
A: Odaberite "Postotak (%) kao format prikaza. Simbol % pojavljuje se automatski, a korisnici unose vrijednosti od 0 do 100.
P: Mogu li promijeniti boju klizača?
O: Da! Kada je omogućen način rada klizača, možete odabrati bilo koju boju pomoću alata za odabir boja.
P: Što se događa ako korisnici unesu brojeve izvan raspona?
A: Validacija preglednika zaustavlja slanje i prikazuje poruku o pogrešci kao što je „Vrijednost mora biti između 1 i 100.“
P: Mogu li koristiti polje s brojem za izračune?
O: Da! Vrijednosti brojčanih polja funkcioniraju u uvjetnim usporedbama i izračunima u obradi obrazaca.
P: Koliko precizni mogu biti decimalni brojevi?
A: Možete postaviti decimalna mjesta od 0 do 4 znamenke, a vrijednosti koraka mogu biti precizne koliko je potrebno (npr. 0.001).
