Nummerfält
Samla in siffror med precision och stil. Från enkla numeriska inmatningar till interaktiva reglage med valutaformatering – talfältet ger validering, formatering och en snygg användarupplevelse.
Smart nummerinsamling med inbyggd validering
Perfekt för:
Kraftfulla funktioner för alla användningsfall
🎯 Noggrann valideringskontroll
Min/Max-gränser
Ställ in de lägsta och högsta tillåtna värdena. Förhindra ogiltiga poster innan inlämning med inbyggd webbläsarvalidering.
Stegstorlekskontroll
Definiera inkrementella värden – heltal (1), halva steg (0.5) eller exakta decimaler (0.01) för valuta.
Exempel:
- Åldersfält: Min 18, Max 100, Steg 1
- Prisfält: Min 0, Max 10000, Steg 0.01
- Betyg: Min 1, Max 5, Steg 0.5
💰 Smart talformatering
Flera formatalternativ:
- Vanligt nummer – Enkel numerisk inmatning (123)
- Valuta – Pengar med symboler (123.00 USD, 123.00 €, 123.00 £)
- Procentandel – Lägg till %-symbol automatiskt (85 %)
- Decimaltal – Fasta decimaler (123.45)
Anpassade valutasymboler
Stöd för alla valutor: $, €, £, ¥, ₹ och mer – perfekt för internationella formulär.
Decimalprecision
Kontrollera decimaler från 0 till 4 siffror för exakta beräkningar.
Interaktivt skjutreglageläge
Visuellt nummerval
Förvandla sifferinmatningar till snygga reglage. Användare drar för att välja värden – perfekt för betyg, intervall och preferenser.
Anpassningsbart utseende
- Välj en färg på reglaget som matchar ditt varumärke
- Visa/dölj visning av aktuellt värde
- Smidiga animationer och övergångar
Idealisk för:
- Nöjdhetsbetyg (1–10)
- Budgetintervall ($0–$5000)
- Åldersväljare
- Prioriterade nivåer
- Valfritt intervallval
🔀 Villkorlig logik
Smart fältsynlighet
Visa eller dölj detta nummerfält baserat på andra fältvärden. Skapa dynamiska formulär som anpassar sig till användarinmatning.
Avancerade logiska regler:
- OCH-logik – Alla villkor måste vara uppfyllda
- ELLER-logik – vilket villkor som helst kan utlösa åtgärden
- 8 operatorer – Lika med, Inte lika med, Större än, Mindre än, Innehåller, Är tom och mer
Använd fall:
- Visa endast ”Antal gäster” när kryssrutan ”Ta med gäster?” är markerad
- Visa "Budgetintervall" när tjänstetypen är lika med "Premium"
- Dölj "Rabattkod" när orderns totala beställning är mindre än 50 USD
- Visa åldersbegränsade alternativ när åldern är högre än 1
🎨 Fullständig anpassning
- Anpassade CSS-klasser
- Dolt fältläge
- Mobiloptimerade ingångar
- Stöd för tillgänglighet
- Integration med alla formulärfunktioner
- Stegstorlek, startvärde
- Lägsta/högsta tillåtna värde
- Dolt fält, dolt värde
⚙️ Smart konfiguration
Ursprungliga värden
Förfyll fält med startnummer för att vägleda användare eller påskynda ifyllandet.
Platshållartext
Visa användbara tips som ”Ange antal” eller ”Din ålder” innan användarna skriver.
Hjälptext
Lägg till beskrivningar för att förtydliga vilka siffror som ska anges.
Enkel installation i 3 steg
Få ditt dropdown-fält klart på några minuter
Lägg till nummerfältet
Dra och släpp fältet Nummer från avsnittet Grundläggande fält till ditt formulär.
Ställ in valideringsregler
Konfigurera min-/maxvärden, stegstorlek och startvärde för att kontrollera vilka siffror användare kan ange.
Välj format och stil
Välj formatet vanligt, valuta, procent eller decimal. Aktivera eventuellt skjutreglageläge för visuell markering.
🎉 Det var allt! Ditt nummerfält är klart med smart validering och formatering.
Verkliga applikationer
E-handel och beställningar
- Produktkvantitetsväljare
- Prisintervallfilter
- Rabattprocentinmatningar
- Antal och totalsummor för artiklar
Undersökningar och betyg
- Nöjdhetspoäng (1-10)
- Stjärnbetyg
- Prioriterade rankningar
- Sannolikhetsskalor
Fitness & hälsa
- Viktspårning
- Höjdmått
- Övningsrepetitioner
- BMI-kalkylatorer
Bokningar och reservationer
- Antal gäster/deltagare
- Rumskvantitet
- Varaktighet i timmar/dagar
- Fest storlek
Ansökningsformulär
- Åldersverifiering
- År av erfarenhet
- Löneförväntningar
- Budgetintervall
Företag & ekonomi
- Intäktsingångar
- Investeringsbelopp
- ROI-procent
- provisionssatser
Alternativ för kompletta fält
Grundläggande konfiguration
- Fältetikett – Titeln som visas ovanför sifferfältet
- Beskrivning/hjälptext – Ytterligare vägledning för användare
- Obligatoriskt fält – Gör nummerinmatning obligatorisk
- Platshållartext – Tipstext innan användare anger ett nummer
Valideringsinställningar
- Lägsta tillåtna värde (min) – Minsta acceptabla antal
- Högsta tillåtna värde (max) – Största acceptabla antalet
- Steglängd – Ökningsvärde (1, 0.5, 0.01, etc.)
- Startvärde – Förifyllt standardnummer
talformatering
- Displayformat
- Vanligt nummer
- Valuta (med symbol)
- Procentandel (%)
- Decimaltal (fasta decimaler)
valuta~~POS=TRUNC symbol~~POS=HEADCOMP – $, €, £, ¥, ₹ (när formatet är Valuta)
Decimaler – 0, 1, 2, 3 eller 4 siffror (när formatet är decimalt)
Slider-alternativ
- Visa som skjutreglage – Aktivera interaktivt skjutreglageläge
- Sliderfärg – Anpassad färgväljare för varumärkesbyggande
- Visa nummer bredvid reglaget – Visa aktuellt värde
Villkorad logik
- Aktivera Villkorlig Logic – Visa/dölj baserat på villkor
Logik typ- Alla villkor måste vara uppfyllda (OCH)
- Vilket villkor som helst kan uppfyllas (ELLER)
- Villkorsregler
- Visa / dölj – Åtgärder att vidta
- Fält – Vilket fält som ska kontrolleras
- Operatör – Lika med, Inte lika med, Innehåller, Större än, Mindre än, Är tom, Är inte tom
- Värderar – Jämförelsevärde
- Flera villkor – Lägg till obegränsade regler
Avancerade alternativ
- Dolt fältläge – Använd som dolt fält med förinställt värde
- Anpassade CSS-klasser – Använd anpassad styling
- Tillgänglighetsattribut – ARIA-etiketter och beskrivningar
Varför välja vårt nummerfält?
✅ Precise – Exakt min/max-validering förhindrar ogiltiga poster
✅ Flexibelt – Flera format för alla användningsfall
✅ Visuell – Slider-läget skapar engagerande interaktioner
✅ Smart – Villkorlig logik skapar dynamiska former
✅ Användarvänlig – Tydliga valideringsmeddelanden vägleder användarna
✅ Professionella – Inbyggd valuta- och procentformatering
✅ Mobiloptimerad – Perfekta siffertangentbord på mobila enheter
✅ Fullt integrerad – Fungerar sömlöst med alla formulärfunktioner
Vanliga frågor om partihandel med mat och dryck
F: Vad är skillnaden mellan Min/Max och validering?
A: Min/Max-inställningarna ger omedelbar validering på webbläsarnivå. Användare kan inte skicka in ogiltiga siffror, vilket gör formulären felfria och användarvänliga.
F: Kan jag använda decimaltal?
A: Ja! Ställ in stegvärdet för att kontrollera decimaler. Använd 0.01 för valuta (priser), 0.1 för en decimal eller valfritt anpassat steg.
F: Hur fungerar slidern på mobilen?
A: Reglagen är pekskärmsoptimerade och fungerar smidigt på mobila enheter.
F: Kan jag samla in negativa tal?
A: Absolut! Ange ett negativt minvärde (t.ex. min: -100, max: 100) för att tillåta negativa tal.
F: Vilka valutasymboler stöds?
A: Valfri symbol! Ange $, €, £, ¥, ₹ eller valfri anpassad symbol med upp till 3 tecken.
F: Kan jag använda villkorlig logik baserad på taljämförelser?
A: Ja! Använd operatorer som "Större än", "Mindre än" och "Lika med" för att skapa logik baserad på numeriska värden.
F: Hur skapar jag ett procentfält?
A: Välj "Procent (%)" som visningsformat. %-symbolen visas automatiskt och användarna anger värden från 0–100.
F: Kan jag ändra färgen på reglaget?
A: Ja! När skjutreglageläget är aktiverat kan du välja valfri färg med hjälp av färgväljaren.
F: Vad händer om användare anger siffror utanför intervallet?
A: Webbläsarvalideringen stoppar inlämningen och visar ett felmeddelande som "Värdet måste vara mellan 1 och 100".
F: Kan jag använda sifferfältet för beräkningar?
A: Ja! Värden i numeriska fält fungerar i villkorliga jämförelser och i beräkningar i din formulärbearbetning.
F: Hur exakta kan decimaltal vara?
A: Du kan ställa in decimaler från 0 till 4 siffror, och stegvärdena kan vara så exakta som behövs (t.ex. 0.001).
