Nummerfelt
Indsaml tal med præcision og stil. Fra simple numeriske input til interaktive skydere med valutaformatering - talfeltet giver validering, formatering og en flot brugeroplevelse.
Smart nummerindsamling med indbygget validering
Perfekt til:
Kraftfulde funktioner til ethvert brugstilfælde
🎯 Præcis valideringskontrol
Min./maks. grænser
Angiv de laveste og højeste tilladte værdier. Forhindr ugyldige poster før indsendelse med indbygget browservalidering.
Trinstørrelseskontrol
Definer inkrementelle værdier – hele tal (1), halve trin (0.5) eller præcise decimaler (0.01) for valuta.
eksempler:
- Aldersfelt: Min. 18, Maks. 100, Trin 1
- Prisfelt: Min 0, Maks 10000, Trin 0.01
- Vurdering: Min. 1, Maks. 5, Trin 0.5
💰 Smart talformatering
Flere formatindstillinger:
- Almindeligt tal – Simpel numerisk input (123)
- Valuta – Penge med symboler ($123.00, €123.00, £123.00)
- Procentdel – Tilføj automatisk %-symbol (85%)
- Decimal – Faste decimaler (123.45)
Brugerdefinerede valutasymboler
Understøtter alle valutaer: $, €, £, ¥, ₹ og mere – perfekt til internationale formularer.
Decimal præcision
Kontroller decimaler fra 0 til 4 cifre for nøjagtige beregninger.
Interaktiv slider-tilstand
Visuelt nummervalg
Forvandl talindtastninger til smukke skydere. Brugere bruger skydeknappen til at vælge værdier – perfekt til vurderinger, intervaller og præferencer.
Tilpasset udseende
- Vælg en farve på skyderen, der matcher dit brand
- Vis/skjul visning af aktuel værdi
- Jævne animationer og overgange
Ideel til:
- Tilfredshedsvurderinger (1-10)
- Budgetintervaller ($0-$5000)
- Aldersvælgere
- Prioritetsniveauer
- Ethvert valg af område
🔀 Betinget logik
Smart feltsynlighed
Vis eller skjul dette talfelt baseret på andre feltværdier. Opret dynamiske formularer, der tilpasser sig brugerinput.
Avancerede logiske regler:
- OG-logik – Alle betingelser skal være opfyldt
- ELLER-logik – Enhver betingelse kan udløse handlingen
- 8 operatorer – Lig med, Ikke lig med, Større end, Mindre end, Indeholder, Er tom og mere
Brug sager:
- Vis kun "Antal gæster", når afkrydsningsfeltet "Medbring gæster?" er markeret
- Vis "Budgetinterval", når servicetypen er lig med "Premium"
- Skjul "Rabatkode", når ordretotalen er mindre end $50
- Vis aldersbegrænsede muligheder, når alderen er højere end 1
🎨 Fuld tilpasning
- Brugerdefinerede CSS-klasser
- Skjult felttilstand
- Mobiloptimerede input
- Tilgængelighedssupport
- Integration med alle formularfunktioner
- Trinstørrelse, startværdi
- Laveste/højeste tilladte værdi
- Skjult felt, skjult værdi
⚙️ Smart konfiguration
Standardværdier
Udfyld felter på forhånd med startnumre for at guide brugerne eller fremskynde udfyldningen.
Pladsholdertekst
Vis nyttige tips som "Indtast antal" eller "Din alder", før brugerne skriver.
Hjælpetekst
Tilføj beskrivelser for at tydeliggøre, hvilke tal der skal indtastes.
Enkel opsætning i 3 trin
Gør dit dropdown-felt klar på få minutter
Tilføj talfeltet
Træk og slip feltet Tal fra sektionen Grundlæggende felter til din formular.
Angiv valideringsregler
Konfigurer min./maks. værdier, trinstørrelse og startværdi for at kontrollere, hvilke tal brugerne kan indtaste.
Vælg format og stil
Vælg almindeligt format, valuta, procent eller decimalformat. Aktiver eventuelt skydertilstand for visuelt valg.
???? Det var det! Dit talfelt er klar med smart validering og formatering.
Real-World-applikationer
E-handel og ordrer
- Produktmængdevælgere
- Prisintervalfiltre
- Rabatprocentindgange
- Antal varer og totaler
Undersøgelser og vurderinger
- Tilfredshedsscorer (1-10)
- Stjernebedømmelser
- Prioriterede rangeringer
- Sandsynlighedsskalaer
Fitness & sundhed
- Vægtsporing
- Højdemålinger
- Gentagelser af øvelser
- BMI-beregnere
Bookinger og reservationer
- Antal gæster/deltagere
- Rummængde
- Varighed i timer/dage
- Fest størrelse
Ansøgningsskemaer
- Aldersbekræftelse
- Års erfaring
- Løn forventninger
- Budgetintervaller
Erhverv og økonomi
- Indtægter
- Investeringsbeløb
- ROI-procenter
- Kommissionssatser
Komplette feltindstillinger
Grundlæggende konfiguration
- Feltmærke – Titlen vist over talfeltet
- Beskrivelse/hjælpetekst – Yderligere vejledning til brugerne
- Påkrævet område – Gør nummerindtastning obligatorisk
- Pladsholdertekst – Hinttekst før brugerne indtaster et tal
Valideringsindstillinger
- Laveste tilladte værdi (min.) – Mindste acceptable antal
- Højeste tilladte værdi (maks.) – Største acceptable antal
- Trin størrelse – Trinvis værdi (1, 0.5, 0.01 osv.)
- Startværdi – Forudfyldt standardnummer
talformatering
- Skærmformat
- Almindeligt nummer
- Valuta (med symbol)
- Procentdel (%)
- Decimaltal (faste pladser)
Valuta Symbol – $, €, £, ¥, ₹ (når formatet er Valuta)
Decimaler – 0, 1, 2, 3 eller 4 cifre (når formatet er decimal)
Sliderindstillinger
- Vis som slider – Aktivér interaktiv skydertilstand
- Sliderfarve – Brugerdefineret farvevælger til branding
- Vis nummer ved siden af skyderen – Vis aktuel værdi
Betinget logik
- Aktivér betinget logik – Vis/skjul baseret på betingelser
Logisk type- Alle betingelser skal være opfyldt (OG)
- Enhver betingelse kan opfyldes (ELLER)
- Betingelsesregler
- Show / Hide – Handling der skal tages
- Felt – Hvilket felt skal markeres
- Operatør – Lig med, Ikke lig med, Indeholder, Større end, Mindre end, Er tom, Er ikke tom
- Værdi – Sammenligningsværdi
- Flere betingelser – Tilføj ubegrænsede regler
Avancerede indstillinger
- Skjult felttilstand – Brug som skjult felt med forudindstillet værdi
- Brugerdefinerede CSS-klasser – Anvend brugerdefineret styling
- Tilgængelighedsattributter – ARIA-etiketter og beskrivelser
Hvorfor vælge vores nummerfelt?
✅ Precise – Præcis min/max-validering forhindrer ugyldige indtastninger
✅ Fleksibel – Flere formater til enhver brug
✅ Visuel – Slider-tilstand skaber engagerende interaktioner
✅ Smart – Betinget logik skaber dynamiske former
✅ Brugervenlig – Tydelige valideringsmeddelelser vejleder brugerne
✅ Professionel – Indbygget valuta- og procentformatering
✅ Mobil optimeret – Perfekte taltastaturer på mobile enheder
✅ Fuldt integreret – Fungerer problemfrit med alle formularfunktioner
Ofte stillede spørgsmål
Q: Hvad er forskellen mellem min./maks. og validering?
A: Min/Maks-indstillinger giver øjeblikkelig validering på browserniveau. Brugere kan ikke indsende ugyldige tal, hvilket gør formularer fejlfri og brugervenlige.
Q: Kan jeg bruge decimaltal?
A: Ja! Indstil værdien for trin for at kontrollere decimaler. Brug 0.01 for valuta (priser), 0.1 for én decimal eller et hvilket som helst brugerdefineret trin.
Q: Hvordan fungerer slideren på mobilen?
A: Sliders er berøringsoptimerede og fungerer problemfrit på mobile enheder.
Q: Kan jeg indsamle negative tal?
A: Absolut! Indstil en negativ min.værdi (f.eks. min.: -100, maks.: 100) for at tillade negative tal.
Q: Hvilke valutasymboler understøttes?
A: Ethvert symbol! Indtast $, €, £, ¥, ₹ eller et hvilket som helst brugerdefineret symbol på op til 3 tegn.
Q: Kan jeg bruge betinget logik baseret på talsammenligninger?
A: Ja! Brug operatorer som "Stor end", "Mindre end" og "Lig med" til at oprette logik baseret på numeriske værdier.
Q: Hvordan opretter jeg et procentfelt?
A: Vælg "Procent (%)" som visningsformat. %-symbolet vises automatisk, og brugerne indtaster værdier fra 0-100.
Q: Kan jeg ændre farven på slideren?
A: Ja! Når skydertilstand er aktiveret, kan du vælge en hvilken som helst farve ved hjælp af farvevælgeren.
Q: Hvad sker der, hvis brugerne indtaster tal uden for området?
A: Browservalidering stopper indsendelsen og viser en fejlmeddelelse som f.eks. "Værdien skal være mellem 1 og 100".
Q: Kan jeg bruge talfeltet til beregninger?
A: Ja! Talfeltværdier fungerer i betingede sammenligninger og i beregninger i din formularbehandling.
Q: Hvor præcise kan decimaltal være?
A: Du kan indstille decimaler fra 0 til 4 cifre, og trinværdierne kan være så præcise som nødvendigt (f.eks. 0.001).
