Nummerveld
Verzamel getallen met precisie en stijl. Van eenvoudige numerieke invoer tot interactieve schuifregelaars met valutaopmaak: het getalveld biedt validatie, opmaak en een prachtige gebruikerservaring.
Slimme nummerverzameling met ingebouwde validatie
Perfect voor:
Krachtige functies voor elk gebruiksscenario
🎯 Nauwkeurige validatiecontrole
Minimale/maximale grenzen
Stel de laagste en hoogste toegestane waarden in. Voorkom ongeldige invoer vóór verzending met de ingebouwde browservalidatie.
Stapgroottecontrole
Definieer stapgrootten – hele getallen (1), halve stappen (0.5) of precieze decimalen (0.01) voor valuta.
Voorbeelden:
- Leeftijdscategorie: Min. 18, Max. 100, Stap 1
- Prijsveld: Min 0, Max 10000, Stap 0.01
- Beoordeling: Min. 1, Max. 5, Stapgrootte 0.5
💰 Slimme nummeropmaak
Meerdere formaatopties:
- Eenvoudig getal – Simpele numerieke invoer (123)
- Valuta – Geld met symbolen ($123.00, €123.00, £123.00)
- Percentage – Automatisch %-symbool toevoegen (85%)
- Decimaal – Vast aantal decimalen (123.45)
Aangepaste valutasymbolen
Ondersteunt alle valuta: $, €, £, ¥, ₹ en meer – perfect voor internationale formulieren.
Decimale precisie
U kunt het aantal decimalen instellen van 0 tot 4 cijfers voor nauwkeurige berekeningen.
Interactieve schuifregelaarmodus
Visuele nummerselectie
Transformeer numerieke invoer in prachtige schuifregelaars. Gebruikers schuiven om waarden te selecteren – perfect voor beoordelingen, bereiken en voorkeuren.
Aanpasbaar uiterlijk
- Kies een schuifregelaarkleur die bij uw merk past.
- Weergave van de huidige waarde weergeven/verbergen
- Vloeiende animaties en overgangen
Ideaal voor:
- Tevredenheidsscores (1-10)
- Budgetbereik ($0-$5000)
- Leeftijdsselectoren
- Prioriteitsniveaus
- Elke selectie van een bereik
🔀 Voorwaardelijke logica
Slimme veldzichtbaarheid
Toon of verberg dit numerieke veld op basis van de waarden in andere velden. Maak dynamische formulieren die zich aanpassen aan de invoer van de gebruiker.
Geavanceerde logica-regels:
- EN Logica – Aan alle voorwaarden moet voldaan zijn
- OF-logica – Elke voorwaarde kan de actie activeren.
- 8 operatoren – gelijk aan, niet gelijk aan, groter dan, kleiner dan, bevat, is leeg, en meer
Gebruik Gevallen:
- Toon "Aantal gasten" alleen wanneer het selectievakje "Gasten meenemen?" is aangevinkt.
- Toon "Budgetbereik" wanneer het servicetype gelijk is aan "Premium".
- Verberg de kortingscode wanneer het totaalbedrag van de bestelling minder dan $50 is.
- Toon leeftijdsgebonden opties wanneer de leeftijd hoger is dan 1.
🎨 Volledige aanpassing
- Aangepaste CSS-klassen
- Verborgen veldmodus
- Mobiel-geoptimaliseerde invoer
- Toegankelijkheidsondersteuning
- Integratie met alle formulierfuncties
- Stapgrootte, beginwaarde
- Laagste/hoogste toegestane waarde
- Verborgen veld, verborgen waarde
⚙️ Slimme configuratie
Standaard waarden
Vul velden vooraf in met beginnummers om gebruikers te begeleiden of het invullen te versnellen.
Placeholder tekst
Toon handige hints zoals 'Voer de hoeveelheid in' of 'Uw leeftijd' voordat gebruikers beginnen met typen.
Helptekst
Voeg beschrijvingen toe om te verduidelijken welke getallen ingevoerd moeten worden.
Eenvoudige installatie in 3 stappen
Maak je dropdown-veld binnen enkele minuten klaar.
Voeg het numerieke veld toe
Sleep het veld 'Nummer' vanuit het gedeelte 'Basisvelden' naar uw formulier.
Validatieregels instellen
Configureer minimum-/maximumwaarden, stapgrootte en startwaarde om te bepalen welke getallen gebruikers kunnen invoeren.
Formaat en stijl kiezen
Selecteer de weergave in gewoon papier, valuta, percentage of decimaal. Schakel optioneel de schuifregelaar in voor een visuele selectie.
???? Dat is alles! Je numerieke veld is nu klaar, met slimme validatie en opmaak.
Toepassingen in de echte wereld
E-commerce en bestellingen
- Producthoeveelheidsselectoren
- Prijsbereikfilters
- Invoer van kortingspercentages
- Aantallen en totalen
Enquêtes en beoordelingen
- Tevredenheidsscores (1-10)
- Sterbeoordelingen
- Prioriteitsranglijsten
- Waarschijnlijkheidsschalen
Fitness en gezondheid
- Gewichtsregistratie
- Hoogtemetingen
- Oefening herhalingen
- BMI-calculators
Boekingen en reserveringen
- Aantal gasten/deelnemers
- Aantal kamers
- Duur in uren/dagen
- Feestgrootte
Aanmeldingsformulieren
- Leeftijds verificatie
- Jaar ervaring
- Salaris verwachtingen
- Budgetbereiken
Bedrijfsfinanciering
- Inkomsteninput
- Investeringsbedragen
- ROI-percentages
- Commissietarieven
Volledige veldopties
Basis configuratie
- veld Label – De titel die boven het numerieke veld wordt weergegeven
- Beschrijving/Helptekst – Aanvullende richtlijnen voor gebruikers
- Verplicht veld – Maak het invoeren van nummers verplicht
- Placeholder tekst – Toon een hinttekst voordat gebruikers een getal invoeren
Validatie-instellingen
- Laagst toegestane waarde (min.) – Kleinste acceptabele aantal
- Hoogst toegestane waarde (max.) – Grootst acceptabele aantal
- Stapgrootte – Verhoog de waarde (1, 0.5, 0.01, enz.)
- Startwaarde – Vooraf ingevuld standaardnummer
nummer opmaak
- Schermformaat
- Eenvoudig nummer
- Valuta (met symbool)
- Percentage (%)
- Decimaal (vast aantal decimalen)
Valutasymbool – $, €, £, ¥, ₹ (wanneer het formaat Valuta is)
Decimalen – 0, 1, 2, 3 of 4 cijfers (wanneer de opmaak Decimaal is)
Schuifregelaaropties
- Weergeven als schuifregelaar – Schakel de interactieve schuifregelaarmodus in
- Schuifregelaarkleur – Aangepaste kleurenkiezer voor branding
- Toon het getal naast de schuifregelaar – Huidige waarde weergeven
voorwaardelijke Logic
- Inschakelen Voorwaardelijke Logic – Weergeven/verbergen op basis van voorwaarden
Logisch type- Aan alle voorwaarden moet voldaan worden (EN)
- Aan elke voorwaarde kan worden voldaan (OF)
- Voorwaarden Regels
- Weergeven / verbergen – Te nemen actie
- Veld – Welk veld moet ik controleren?
- Operator – Gelijk aan, Niet gelijk aan, Bevat, Groter dan, Kleiner dan, Is leeg, Is niet leeg
- Waarde – Vergelijkingswaarde
- Meerdere voorwaarden – Voeg onbeperkt regels toe
geavanceerde opties
- Verborgen veldmodus – Gebruik als verborgen veld met een vooraf ingestelde waarde
- Aangepaste CSS-klassen – Pas een aangepaste stijl toe
- Toegankelijkheidskenmerken – ARIA-labels en -beschrijvingen
Waarom kiezen voor ons numerieke veld?
✅ nauwkeurig – Nauwkeurige minimum/maximum-validatie voorkomt ongeldige invoer
✅ Flexibel – Meerdere formaten voor elk gebruiksscenario
✅ Visual – De schuifregelaarmodus zorgt voor boeiende interacties.
✅ Slimme – Voorwaardelijke logica creëert dynamische vormen
✅ Gebruikersvriendelijk – Duidelijke validatieberichten begeleiden gebruikers
✅ Ambachtelijk - Ingebouwde opmaak voor valuta en percentages
✅ Geoptimaliseerd voor mobiel – Perfecte numerieke toetsenborden op mobiele apparaten
✅ Volledig geïntegreerd – Werkt naadloos samen met alle formulierfuncties
Veelgestelde Vragen / FAQ
V: Wat is het verschil tussen Min/Max en validatie?
A: De min/max-instellingen zorgen voor directe validatie op browserniveau. Gebruikers kunnen geen ongeldige getallen invoeren, waardoor formulieren foutloos en gebruiksvriendelijk zijn.
V: Kan ik decimale getallen gebruiken?
A: Ja! Stel de stapwaarde in om het aantal decimalen te bepalen. Gebruik 0.01 voor valuta (prijzen), 0.1 voor één decimaal, of een aangepaste stapwaarde.
V: Hoe werkt de schuifregelaar op mobiele apparaten?
A: Schuifregelaars zijn geoptimaliseerd voor aanraakbediening en werken soepel op mobiele apparaten.
V: Kan ik negatieve getallen verzamelen?
A: Absoluut! Stel een negatieve minimumwaarde in (bijv. Min: -100, Max: 100) om negatieve getallen toe te staan.
V: Welke valutasymbolen worden ondersteund?
A: Elk symbool! Voer $, €, £, ¥, ₹ of een eigen symbool van maximaal 3 tekens in.
V: Kan ik voorwaardelijke logica gebruiken op basis van getallenvergelijkingen?
A: Jazeker! Gebruik operatoren zoals "Groter dan", "Kleiner dan" en "Gelijk aan" om logica te creëren op basis van numerieke waarden.
V: Hoe maak ik een percentageveld aan?
A: Selecteer 'Percentage (%)' als weergaveformaat. Het %-symbool verschijnt automatisch en gebruikers kunnen waarden van 0 tot 100 invoeren.
V: Kan ik de kleur van de schuifregelaar veranderen?
A: Ja! Wanneer de schuifregelaarmodus is ingeschakeld, kunt u elke gewenste kleur kiezen met behulp van de kleurenkiezer.
V: Wat gebeurt er als gebruikers getallen invoeren die buiten het bereik vallen?
A: De browservalidatie blokkeert de verzending en geeft een foutmelding weer zoals "De waarde moet tussen 1 en 100 liggen."
V: Kan ik het numerieke veld gebruiken voor berekeningen?
A: Jazeker! Numerieke veldwaarden werken in voorwaardelijke vergelijkingen en berekeningen tijdens de formulierverwerking.
V: Hoe precies kunnen decimale getallen zijn?
A: U kunt het aantal decimalen instellen van 0 tot 4 cijfers, en de stapgrootte kan zo nauwkeurig zijn als nodig (bijvoorbeeld 0.001).
