Nummerfelt
Samle inn tall med presisjon og stil. Fra enkle numeriske inndata til interaktive glidebrytere med valutaformatering – tallfeltet gir validering, formatering og en vakker brukeropplevelse.
Smart nummerinnsamling med innebygd validering
Perfekt for:
Kraftige funksjoner for alle brukstilfeller
🎯 Presis valideringskontroll
Min./maks. grenser
Angi laveste og høyeste tillatte verdier. Forhindre ugyldige oppføringer før innsending med innebygd nettleservalidering.
Kontroll av trinnstørrelse
Definer inkrementelle verdier – hele tall (1), halve trinn (0.5) eller presise desimaler (0.01) for valuta.
Eksempler:
- Aldersfelt: Min. 18, Maks. 100, Trinn 1
- Prisfelt: Min 0, Maks 10000, Trinn 0.01
- Vurdering: Min 1, Maks 5, Trinn 0.5
💰 Smart tallformatering
Flere formatalternativer:
- Vanlig tall – Enkel numerisk inntasting (123)
- Valuta – Penger med symboler ($123.00, €123.00, £123.00)
- Prosentandel – Legg til %-symbol automatisk (85 %)
- Desimal – Faste desimaler (123.45)
Tilpassede valutasymboler
Støtter alle valutaer: $, €, £, ¥, ₹ og mer – perfekt for internasjonale skjemaer.
Desimalpresisjon
Kontroller desimaler fra 0 til 4 sifre for nøyaktige beregninger.
Interaktiv glidebrytermodus
Visuelt nummervalg
Gjør om tallinntastinger til vakre glidebrytere. Brukere skyver for å velge verdier – perfekt for vurderinger, områder og preferanser.
Tilpassbart utseende
- Velg en farge på glidebryteren som matcher merkevaren din
- Vis/skjul visning av gjeldende verdi
- Jevn animasjon og overganger
Ideell for:
- Tilfredshetsvurderinger (1–10)
- Budsjettintervaller ($0–$5000)
- Aldersvelgere
- Prioriterte nivåer
- Ethvert utvalg av rekkevidde
🔀 Betinget logikk
Smart feltsynlighet
Vis eller skjul dette tallfeltet basert på andre feltverdier. Opprett dynamiske skjemaer som tilpasser seg brukerinput.
Avanserte logiske regler:
- OG-logikk – Alle betingelser må være oppfylt
- ELLER-logikk – Enhver betingelse kan utløse handlingen
- 8 operatorer – Er lik, Ikke lik, Større enn, Mindre enn, Inneholder, Er tom og mer
Bruk tilfeller:
- Vis bare «Antall gjester» når det er merket av i boksen «Ta med gjester?»
- Vis «Budsjettområde» når tjenestetypen er lik «Premium»
- Skjul «Rabattkode» når totalbestillingen er mindre enn $50
- Vis aldersbegrensede alternativer når alderen er høyere enn 1
🎨 Full tilpasning
- Tilpassede CSS-klasser
- Skjult feltmodus
- Mobiloptimaliserte inndata
- Tilgjengelighetsstøtte
- Integrasjon med alle skjemafunksjoner
- Trinnstørrelse, startverdi
- Laveste/høyeste tillatte verdi
- Skjult felt, skjult verdi
⚙️ Smart konfigurasjon
Standardverdier
Forhåndsfyll felt med startnumre for å veilede brukere eller fremskynde fullføringen.
Plassholdertekst
Vis nyttige tips som «Angi antall» eller «Din alder» før brukerne skriver.
Hjelpetekst
Legg til beskrivelser for å tydeliggjøre hvilke tall som skal skrives inn.
Enkel oppsett i 3 trinn
Gjør rullegardinfeltet klart på få minutter
Legg til tallfeltet
Dra og slipp tallfeltet fra delen Grunnleggende felt til skjemaet.
Angi valideringsregler
Konfigurer min./maks.-verdier, trinnstørrelse og startverdi for å kontrollere hvilke tall brukere kan legge inn.
Velg format og stil
Velg vanlig format, valuta, prosent eller desimalformat. Aktiver eventuelt glidebrytermodus for visuelt valg.
???? Det var det! Tallfeltet ditt er klart med smart validering og formatering.
Virkelige applikasjoner
Netthandel og bestillinger
- Produktmengdevelgere
- Prisintervallfiltre
- Inndata for rabattprosent
- Antall varer og totaler
Undersøkelser og vurderinger
- Tilfredshetspoeng (1–10)
- Stjernerangeringer
- Prioriterte rangeringer
- Sannsynlighetsskalaer
Trening og helse
- Vektsporing
- Høydemål
- Treningsrepetisjoner
- BMI-kalkulatorer
Bestillinger og reservasjoner
- Antall gjester/deltakere
- Antall rom
- Varighet i timer/dager
- Fest størrelse
Søknadsskjemaer
- Aldersbekreftelse
- År med erfaring
- Forventet lønn
- Budsjettintervaller
Business & Finance
- Inntekter
- Investeringsbeløp
- Avkastningsprosent
- Provisjonspriser
Komplette feltalternativer
Grunnleggende konfigurasjon
- Feltetikett – Tittelen som vises over tallfeltet
- Beskrivelse/hjelpetekst – Ytterligere veiledning for brukere
- Obligatorisk felt – Gjør nummerinntasting obligatorisk
- Plassholdertekst – Hinttekst før brukere skriver inn et tall
Valideringsinnstillinger
- Laveste tillatte verdi (min.) – Minste akseptable tall
- Høyeste tillatte verdi (maks.) – Største akseptable tall
- Trinnstørrelse – Økningsverdi (1, 0.5, 0.01 osv.)
- Startverdi – Forhåndsutfylt standardnummer
antall Formatering
- Skjermformat
- Vanlig nummer
- Valuta (med symbol)
- Prosent (%)
- Desimaltall (faste plasser)
valuta Symbol – $, €, £, ¥, ₹ (når formatet er Valuta)
Desimaler – 0, 1, 2, 3 eller 4 sifre (når formatet er desimal)
Glidebryteralternativer
- Vis som glidebryter – Aktiver interaktiv glidebrytermodus
- Farge på glidebryteren – Tilpasset fargevelger for merkevarebygging
- Vis nummer ved siden av glidebryteren – Vis gjeldende verdi
Betinget logikk
- Aktiver betinget logikk – Vis/skjul basert på forhold
Logisk type- Alle betingelser må være oppfylt (OG)
- Enhver betingelse kan oppfylles (ELLER)
- Tilstandsregler
- Show / Hide – Tiltak som skal iverksettes
- Felt – Hvilket felt som skal krysses av
- operatør – Er lik, Ikke lik, Inneholder, Større enn, Mindre enn, Er tom, Er ikke tom
- Verdi – Sammenligningsverdi
- Flere betingelser – Legg til ubegrensede regler
Avanserte alternativer
- Skjult feltmodus – Bruk som skjult felt med forhåndsinnstilt verdi
- Tilpassede CSS-klasser – Bruk tilpasset styling
- Tilgjengelighetsattributter – ARIA-etiketter og beskrivelser
Hvorfor velge vårt tallfelt?
✅ Precise – Validering av nøyaktig min./maks. forhindrer ugyldige oppføringer
✅ Fleksibel – Flere formater for ethvert bruksområde
✅ Visual – Slidermodus skaper engasjerende interaksjoner
✅ Smart – Betinget logikk skaper dynamiske former
✅ Brukervennlig – Tydelige valideringsmeldinger veileder brukerne
✅ Profesjonell – Innebygd formatering for valuta og prosent
✅ Mobiloptimalisert – Perfekte talltastatur på mobile enheter
✅ Fullt integrert – Fungerer sømløst med alle skjemafunksjoner
Ofte Stilte Spørsmål
Spørsmål: Hva er forskjellen mellom min./maks. og validering?
A: Min/Maks-innstillingene gir umiddelbar validering på nettlesernivå. Brukere kan ikke sende inn ugyldige tall, noe som gjør skjemaer feilfrie og brukervennlige.
Spørsmål: Kan jeg bruke desimaltall?
A: Ja! Angi trinnverdien for å kontrollere desimaltall. Bruk 0.01 for valuta (priser), 0.1 for én desimal, eller et hvilket som helst tilpasset trinn.
Q: Hvordan fungerer slideren på mobil?
A: Glidebryterne er berøringsoptimaliserte og fungerer problemfritt på mobile enheter.
Spørsmål: Kan jeg samle inn negative tall?
A: Absolutt! Angi en negativ min-verdi (f.eks. min: -100, maks: 100) for å tillate negative tall.
Q: Hvilke valutasymboler støttes?
A: Hvilket som helst symbol! Skriv inn $, €, £, ¥, ₹ eller et hvilket som helst tilpasset symbol på opptil 3 tegn.
Spørsmål: Kan jeg bruke betinget logikk basert på tallsammenligninger?
A: Ja! Bruk operatorer som «Større enn», «Mindre enn» og «Lik» for å lage logikk basert på numeriske verdier.
Q: Hvordan oppretter jeg et prosentfelt?
A: Velg «Prosent (%)» som visningsformat. %-symbolet vises automatisk, og brukerne skriver inn verdier fra 0–100.
Q: Kan jeg endre fargen på glidebryteren?
A: Ja! Når glidebrytermodus er aktivert, kan du velge hvilken som helst farge ved hjelp av fargevelgeren.
Spørsmål: Hva skjer hvis brukere skriver inn tall utenfor området?
A: Validering av nettleser stopper innsendingen og viser en feilmelding som «Verdien må være mellom 1 og 100».
Spørsmål: Kan jeg bruke tallfeltet til beregninger?
A: Ja! Tallfeltverdier fungerer i betingede sammenligninger og i beregninger i skjemabehandlingen.
Spørsmål: Hvor presise kan desimaltall være?
A: Du kan angi desimaler fra 0 til 4 sifre, og trinnverdiene kan være så presise som nødvendig (f.eks. 0.001).
