Zuelfeld
Sammelt Zuelen mat Präzisioun a Stil. Vun einfachen numereschen Inputen bis zu interaktiven Schieber mat Währungsformatéierung - d'Zuelfeld bitt Validatioun, Formatéierung an eng schéin Benotzererfahrung.
Smart Nummersammlung mat agebauter Validatioun
Perfekt fir
Leistungsstark Funktiounen fir all Benotzungsfall
🎯 Präzis Validatiounskontroll
Min./Max. Grenzen
Setzt déi niddregst an héchst erlaabte Wäerter. Verhënnert ongëlteg Entréen virun der Ofginn mat der agebauter Browservalidatioun.
Kontroll vun der Schrëttgréisst
Definéiert Inkrementswäerter – ganz Zuelen (1), hallef Schrëtt (0.5) oder präzis Dezimalzuelen (0.01) fir Währung.
Beispiller:
- Altersfeld: Min. 18, Max. 100, Schrëtt 1
- Präisfeld: Min 0, Max 10000, Schrëtt 0.01
- Bewäertung: Min 1, Max 5, Schrëtt 0.5
💰 Smart Nummerformatéierung
Multiple Formatoptiounen:
- Einfach Zuel – Einfach numeresch Input (123)
- Währung – Geld mat Symboler ($123.00, €123.00, £123.00)
- Prozentsaz – %-Symbol automatesch derbäisetzen (85%)
- Dezimalzuel – Fest Dezimalplazen (123.45)
Benotzerdefinéiert Währungssymboler
Ënnerstëtzung fir all Währungen: $, €, £, ¥, ₹ a méi – perfekt fir international Formulairen.
Dezimal Präzisioun
Kontrolléiert Dezimalplazen vun 0 bis 4 Zifferen fir exakt Berechnungen.
Interaktiven Slider-Modus
Visuell Nummerauswiel
Transforméiert Zueleninputen a schéi Schieber. D'Benotzer kënne Wäerter auswielen andeems se rutschen – perfekt fir Bewäertungen, Beräicher a Virléiften.
Personnaliséierbar Erscheinung
- Wielt d'Faarf vum Slider, déi zu Ärer Mark passt
- Aktuellen Wäert uweisen/verstoppen
- Glat Animatiounen an Iwwergäng
Ideal Fir:
- Zefriddenheetsbewäertungen (1-10)
- Budgetberäicher ($0-$5000)
- Alterswieler
- Prioritéit Niveauen
- All Auswiel vun der Gamme

🔀 Bedingungslogik
Smart Feldvisibilitéit
Dëst Zuelfeld op Basis vun anere Feldwäerter weisen oder verstoppen. Dynamesch Formulairen erstellen, déi sech un d'Benotzerinput upassen.
Fortgeschratt Logikregelen:
- AN Logik – All Konditioune mussen erfëllt sinn
- ODER Logik - All Konditioun kann d'Aktioun ausléisen
- 8 Operatoren – Gläich, Net gläich, Méi grouss wéi, Manner wéi, Enthält, Ass eidel, a méi
Benotzt Fäll:
- Nëmmen "Zuel vun de Gäscht" uweisen, wann d'Checkbox "Gäscht matbréngen?" ugeklickt ass
- "Budgetberäich" uweisen, wann den Servicetyp gläich "Premium" ass.
- "Rabattcode" verstoppen wann d'Gesamtbestellung manner wéi $50 ass
- Altersbeschränkt Optiounen uweisen, wann d'Alter méi héich wéi 1 ass
🎨 Vollstänneg Personnalisatioun
- Benotzerdefinéiert CSS-Klassen
- Verstoppte Feldmodus
- Mobiloptimiséiert Entréeën
- Accessibilitéit Ënnerstëtzung
- Integratioun mat alle Formulairefunktiounen
- Schrëttgréisst, Startwäert
- Niddregsten/Héchsten erlaabte Wäert
- Verstoppt Feld, verstoppte Wäert

⚙️ Smart Konfiguratioun
Standard Wäerter
Fëllt Felder mat Startnummeren viraus aus, fir d'Benotzer ze guidéieren oder d'Ausféierung ze beschleunegen.
Placeholder Text
Weist hëllefräich Hiweiser wéi "Quantitéit aginn" oder "Äert Alter" ier d'Benotzer tippen.
Hëllefstext
Füügt Beschreiwunge bäi fir ze klären, wéi eng Zuelen aginn solle ginn.

Einfach Astellung an 3 Schrëtt
Maacht Äert Dropdown-Feld a Minutten fäerdeg
D'Zuelfeld derbäisetzen
Zitt d'Nummerfeld aus der Sektioun "Basisfelder" an Äre Formulaire a loosst en erof.
Validatiounsregelen festleeën
Konfiguréiert Min-/Max-Wäerter, Schrëttgréisst an Startwäert fir ze kontrolléieren, wéi eng Zuelen d'Benotzer aginn kënnen.
Format & Stil auswielen
Wielt einfach, Währungs-, Prozentsaz- oder Dezimalformat. Aktivéiert optional de Schiebermodus fir visuell Auswiel.
🎉 Dat ass et! Äert Zuelfeld ass fäerdeg mat enger intelligenter Validatioun a Formatéierung.
Real-World Uwendungen
Optioune fir komplett Felder
Basis Konfiguratioun
- Feldlabel – Den Titel, deen iwwer dem Nummerfeld ugewise gëtt
- Beschreiwung/Hëllefstext – Zousätzlech Hëllef fir Benotzer
- Néideg Feld – Nummerenaginn obligatoresch maachen
- Placeholder Text – Hiweistext ier de Benotzer eng Zuel aginn
Validatiounsastellungen
- Niddregsten erlaabte Wäert (Min) – Déi klengst akzeptabel Zuel
- Héchsten erlaabte Wäert (Max) – Déi gréisst akzeptabel Zuel
- Schrëtt Gréisst – Inkrementwäert (1, 0.5, 0.01, etc.)
- Startwäert – Viraus ausgefëllte Standardnummer
Zuel Formatéierung
- Affichage Format
- Einfach Zuel
- Währung (mat Symbol)
- Prozentsaz (%)
- Dezimalzuel (fest Plazen)
Währung Symbol – $, €, £, ¥, ₹ (wann de Format Währung ass)
Dezimalzuel Plaze – 0, 1, 2, 3 oder 4 Zifferen (wann de Format Dezimal ass)
Slider-Optiounen
- Als Schieber weisen – Aktivéiert den interaktiven Schiebermodus
- Faarf vum Schieber – Benotzerdefinéiert Faarfwieler fir Branding
- Zuel nieft dem Schieber weisen – Aktuellen Wäert uweisen
Bedingt Logik
- Bedéngt Logik aktivéieren – No Bedéngungen weisen/verstoppen
Logik Typ- All Konditioune mussen erfëllt sinn (AN)
- All Konditioun kann erfëllt ginn (ODER)
- Konditiounsregelen
- Weisen / Verstoppen – Aktioun déi soll ënnerholl ginn
- Beräich – Wéi ee Feld soll iwwerpréift ginn
- Betreiber – Gläich, Net gläich, Enthält, Méi grouss wéi, Manner wéi, Ass eidel, Ass net eidel
- Wäert – Vergläichswäert
- Multiple Konditiounen - Onlimitéiert Reegelen derbäisetzen
Détailléiert Optiounen
- Verstoppte Feldmodus – Als verstoppt Feld mat virdefinéiertem Wäert benotzen
- Benotzerdefinéiert CSS-Klassen - Benotzerdefinéiert Styling uwenden
- Accessibilitéit Attributer – ARIA Etiketten a Beschreiwungen

Firwat eist Nummerfeld wielen?
✅ Genau – Exakt Min/Max Validatioun verhënnert ongëlteg Entréen
✅ flexibel - Verschidde Formater fir all Benotzungsfall
✅ visuell – De Slider-Modus erstellt engagéierend Interaktiounen
✅ Smart – Bedingungslogik erstellt dynamesch Formen
✅ Benotzerfrëndlech – Kloer Validatiounsmeldungen guidéieren d'Benotzer
✅ berufflech – Integréiert Währungs- a Prozentsazformatéierung
✅ Mobile Optimiséiert - Perfekt Zuelentastaturen op mobilen Apparater
✅ Voll Integréiert – Funktionéiert nahtlos mat all Formularfunktiounen
Oft gestallten Froen
Q: Wat ass den Ënnerscheed tëscht Min/Max a Validatioun?
A: Min/Max-Astellungen erméiglechen eng direkt Validatioun op Browserniveau. D'Benotzer kënnen keng ongëlteg Zuelen aginn, sou datt d'Formulairen fehlerfräi a benotzerfrëndlech sinn.
Q: Kann ech Dezimalzuelen benotzen?
A: Jo! Setzt de Wäert fir Schrëtt fir Dezimalzuelen ze kontrolléieren. Benotzt 0.01 fir Währung (Präisser), 0.1 fir eng Dezimalplaz oder all aner personaliséiert Schrëtt.
Q: Wéi funktionéiert de Slider um Handy?
A: Sliders sinn fir Touch optimiséiert a funktionéieren ouni Problemer op mobilen Apparater.
Q: Kann ech negativ Zuelen sammelen?
A: Absolut! Setzt e negativen Min-Wäert (z.B. Min: -100, Max: 100) fir negativ Zuelen z'erlaben.
Q: Wéi eng Währungssymboler ginn ënnerstëtzt?
A: All Symboler! Gitt $, €, £, ¥, ₹ oder all aner personaliséiert Symboler bis zu 3 Zeechen an.
Q: Kann ech bedingte Logik op Basis vun Zuelvergläicher benotzen?
A: Jo! Benotzt Operatoren wéi "Grouss wéi", "Manner wéi" an "Gläich" fir Logik op Basis vun numeresche Wäerter ze kreéieren.
Q: Wéi erstellen ech e Prozentsazfeld?
A: Wielt "Prozentsaz (%)" als Displayformat. D'%-Symbol erschéngt automatesch, an d'Benotzer kënnen Wäerter vun 0–100 aginn.
Q: Kann ech d'Faarf vum Slider änneren?
A: Jo! Wann de Schiebermodus aktivéiert ass, kënnt Dir all Faarf mat dem Faarfwieler auswielen.
Q: Wat geschitt wann d'Benotzer Zuelen ausserhalb vum Beräich aginn?
A: D'Browservalidatioun stoppt d'Ënnerreechung a weist eng Fehlermeldung wéi "De Wäert muss tëscht 1 an 100 sinn."
Q: Kann ech d'Zuelfeld fir Berechnungen benotzen?
A: Jo! Zuelfeldwäerter funktionéieren a bedingte Vergläicher an a Berechnungen an Ärer Formulaireveraarbechtung.
F: Wéi präzis kënnen Dezimalzuelen sinn?
A: Dir kënnt Dezimalplazen vun 0 bis 4 Zifferen astellen, an d'Schrëttwäerter kënnen esou präzis sinn, wéi néideg (z.B. 0.001).