Nommer Veld
Versamel getalle met presisie en styl. Van eenvoudige numeriese invoere tot interaktiewe skuifbalkies met geldeenheidsformatering - die Nommerveld bied validering, formatering en 'n pragtige gebruikerservaring.
Slim Nommerversameling met Ingeboude Validasie
Ideaal vir:
Kragtige kenmerke vir elke gebruiksgeval
🎯 Presiese Valideringsbeheer
Min/Maks Grense
Stel die laagste en hoogste toegelate waardes. Voorkom ongeldige inskrywings voor indiening met ingeboude blaaiervalidering.
Stapgroottebeheer
Definieer inkrementele waardes – heelgetalle (1), halfstappe (0.5), of presiese desimale (0.01) vir geldeenheid.
Voorbeelde:
- Ouderdomsveld: Min 18, Maks 100, Stap 1
- Prysveld: Min 0, Maks 10000, Stap 0.01
- Gradering: Min 1, Maks 5, Stap 0.5
💰 Slim getalformatering
Veelvuldige formaatopsies:
- Gewone Getal – Eenvoudige numeriese invoer (123)
- Geldeenheid – Geld met simbole ($123.00, €123.00, £123.00)
- Persentasie – Voeg %-simbool outomaties by (85%)
- Desimaal – Vaste desimale plekke (123.45)
Pasgemaakte geldeenheidsimbole
Ondersteun enige geldeenheid: $, €, £, ¥, ₹, en meer – perfek vir internasionale vorms.
Desimale presisie
Beheer desimale plekke van 0 tot 4 syfers vir presiese berekeninge.
Interaktiewe skuifbalkmodus
Visuele Nommerkeuse
Verander getalinvoere in pragtige skuifbalkies. Gebruikers skuif om waardes te kies – perfek vir graderings, reekse en voorkeure.
Aanpasbare voorkoms
- Kies skuifbalkkleur om by jou handelsmerk te pas
- Wys/verberg huidige waarde-vertoning
- Gladde animasies en oorgange
Ideaal vir:
- Tevredenheidsgraderings (1-10)
- Begrotingsreekse ($0-$5000)
- Ouderdomskeuses
- Prioriteitsvlakke
- Enige reekskeuse
🔀 Voorwaardelike Logika
Slim Veldsigbaarheid
Wys of versteek hierdie getalveld gebaseer op ander veldwaardes. Skep dinamiese vorms wat aanpas by gebruikersinvoer.
Gevorderde Logika Reëls:
- EN Logika – Alle voorwaardes moet nagekom word
- OF Logika – Enige voorwaarde kan die aksie veroorsaak
- 8 Operators – Gelyk aan, Nie gelyk aan, Groter as, Minder as, Bevat, Is leeg, en meer
Gebruik gevalle:
- Wys slegs "Aantal gaste" wanneer die blokkie "Bring gaste?" gemerk is
- Wys "Begrotingsreeks" wanneer die dienssoort gelyk is aan "Premium"
- Versteek "Afslagkode" wanneer die bestellingstotaal minder as $50 is
- Wys ouderdomsbeperkte opsies wanneer ouderdom groter as 1 is
🎨 Volledige aanpassing
- Pasgemaakte CSS-klasse
- Versteekte veldmodus
- Mobiel-geoptimaliseerde insette
- Ondersteuning vir toeganklikheid
- Integrasie met alle vormfunksies
- Stapgrootte, Beginwaarde
- Laagste/Hoogste Toegelate Waarde
- Verborge Veld, Verborge Waarde
⚙️ Slim Konfigurasie
Verstekwaardes
Vul velde vooraf in met beginnommers om gebruikers te lei of voltooiing te bespoedig.
Plekhouer teks
Wys nuttige wenke soos "Voer hoeveelheid in" of "Jou ouderdom" voordat gebruikers tik.
Hulp teks
Voeg beskrywings by om te verduidelik watter nommers in te voer moet word.
Eenvoudige opstelling in 3 stappe
Kry jou aftrekveld binne minute gereed
Voeg die nommerveld by
Sleep en laat val die Nommer-veld vanaf die Basiese Velde-afdeling na jou vorm.
Stel Valideringsreëls
Konfigureer min/maks waardes, stapgrootte en beginwaarde om te beheer watter getalle gebruikers kan invoer.
Kies Formaat en Styl
Kies gewone, geldeenheid-, persentasie- of desimale formaat. Aktiveer opsioneel skuifbalkmodus vir visuele seleksie.
???? Dis dit! Jou getalveld is gereed met slim validering en formatering.
Regte-wêreld toepassings
E-handel en bestellings
- Produkhoeveelheidselektors
- Prysreeksfilters
- Afslagpersentasie-insette
- Itemtellings en totale
Opnames en graderings
- Tevredenheidstellings (1-10)
- Stergraderings
- Prioriteitsranglys
- Waarskynlikheidskale
Fiksheid en gesondheid
- Gewigsopsporing
- Hoogtemetings
- Oefeningherhalings
- BMI-sakrekenaars
Besprekings en besprekings
- Aantal gaste/deelnemers
- Kamerhoeveelheid
- Duur in ure/dae
- Partytjie grootte
Aansoekvorms
- Ouderdomsverifikasie
- Jare ondervinding
- Salaris verwagtinge
- Begrotingsreekse
Besigheid en finansies
- Inkomste-insette
- Beleggingsbedrae
- ROI persentasies
- Kommissie tariewe
Voltooi Veld Opsies
Basiese konfigurasie
- Veldetiket – Die titel wat bo die nommerveld getoon word
- Beskrywing/Hulpteks – Bykomende leiding vir gebruikers
- Vereiste veld – Maak nommerinvoer verpligtend
- Plekhouer teks – Wenkteks voordat gebruikers 'n nommer invoer
Validasie-instellings
- Laagste Toegelate Waarde (Min) – Kleinste aanvaarbare getal
- Hoogste Toegelate Waarde (Maksimum) – Grootste aanvaarbare getal
- Stap Grootte – Verhogingswaarde (1, 0.5, 0.01, ens.)
- Beginwaarde – Voorafgevulde standaardnommer
Getalformatering
- Vertoonformaat
- Gewone nommer
- Geldeenheid (met simbool)
- Persentasie (%)
- Desimaal (vaste plekke)
Geldeenheid simbool – $, €, £, ¥, ₹ (wanneer die formaat Geldeenheid is)
Desimale plekke – 0, 1, 2, 3 of 4 syfers (wanneer die formaat Desimaal is)
Skuifbalkopsies
- Wys as skuifbalk – Aktiveer interaktiewe skuifbalkmodus
- Skuifbalkkleur – Pasgemaakte kleurkieser vir handelsmerk
- Wys nommer langs skuifbalk – Wys huidige waarde
Voorwaardelike logika
- Aktiveer Voorwaardelike Logika – Wys/verberg gebaseer op voorwaardes
Logika tipe- Alle voorwaardes moet nagekom word (EN)
- Enige voorwaarde kan nagekom word (OF)
- Toestandreëls
- Wys / versteek – Aksie om te neem
- Veld – Watter veld om te merk
- operateur – Gelyk aan, Nie gelyk aan, Bevat, Groter as, Minder as, Is leeg, Is nie leeg nie
- waarde – Vergelykingswaarde
- Veelvuldige voorwaardes – Voeg onbeperkte reëls by
Gevorderde opsies
- Versteekte Veldmodus – Gebruik as versteekte veld met voorafbepaalde waarde
- Pasgemaakte CSS-klasse – Pas persoonlike stilering toe
- Toeganklikheidskenmerke – ARIA-etikette en beskrywings
Waarom ons nommerveld kies?
✅ presiese – Presiese min/maks validering verhoed ongeldige inskrywings
✅ Buigsame – Verskeie formate vir enige gebruiksgeval
✅ Visuele – Skuifbalkmodus skep boeiende interaksies
✅ Smart – Voorwaardelike logika skep dinamiese vorms
✅ Gebruikersvriendelik – Duidelike valideringsboodskappe lei gebruikers
✅ Professionele – Ingeboude geldeenheid- en persentasieformatering
✅ Mobiel geoptimaliseer – Perfekte nommersleutelborde op mobiele toestelle
✅ Ten volle geïntegreerd – Werk naatloos met alle vormfunksies
Algemene vrae
V: Wat is die verskil tussen Min/Maks en validering?
A: Min/Maks-instellings bied onmiddellike validering op blaaiervlak. Gebruikers kan nie ongeldige getalle indien nie, wat vorms foutloos en gebruikersvriendelik maak.
V: Kan ek desimale getalle gebruik?
A: Ja! Stel die Stap-waarde om desimale te beheer. Gebruik 0.01 vir geldeenheid (pryse), 0.1 vir een desimale plek, of enige persoonlike stap.
V: Hoe werk die skuifbalk op selfone?
A: Skuifbalke is aanraakgeoptimaliseerd en werk glad op mobiele toestelle.
V: Kan ek negatiewe getalle insamel?
A: Absoluut! Stel 'n negatiewe Min-waarde (bv. Min: -100, Maks: 100) om negatiewe getalle toe te laat.
V: Watter geldeenheidsimbole word ondersteun?
A: Enige simbool! Voer $, €, £, ¥, ₹ of enige persoonlike simbool van tot 3 karakters in.
V: Kan ek voorwaardelike logika gebruik gebaseer op getalvergelykings?
A: Ja! Gebruik operatore soos "Groter as", "Kleiner as" en "Gelyk aan" om logika te skep gebaseer op numeriese waardes.
V: Hoe skep ek 'n persentasieveld?
A: Kies “Persentasie (%)” as die Vertoonformaat. Die %-simbool verskyn outomaties, en gebruikers voer waardes van 0–100 in.
V: Kan ek die skuifbalk se kleur verander?
A: Ja! Wanneer skuifmodus geaktiveer is, kan jy enige kleur kies met behulp van die kleurkieser.
V: Wat gebeur as gebruikers getalle buite die reeks invoer?
A: Blaaiervalidering stop indiening en wys 'n foutboodskap soos "Waarde moet tussen 1 en 100 wees."
V: Kan ek die getalveld vir berekeninge gebruik?
A: Ja! Getalveldwaardes werk in voorwaardelike vergelykings en in berekeninge in jou vormverwerking.
V: Hoe presies kan desimale getalle wees?
A: Jy kan desimale plekke van 0 tot 4 syfers instel, en stapwaardes kan so presies wees as nodig (bv. 0.001).
