Zahlenfeld
Erfassen Sie Zahlen präzise und stilvoll. Von einfachen numerischen Eingabefeldern bis hin zu interaktiven Schiebereglern mit Währungsformatierung – das Zahlenfeld bietet Validierung, Formatierung und eine ansprechende Benutzerführung.
Intelligente Nummernerfassung mit integrierter Validierung
Perfekt für:
Leistungsstarke Funktionen für jeden Anwendungsfall
🎯 Präzise Validierungskontrolle
Minimale/Maximale Grenzwerte
Legen Sie die niedrigsten und höchsten zulässigen Werte fest. Verhindern Sie ungültige Eingaben vor dem Absenden durch die integrierte Browservalidierung.
Schrittgrößensteuerung
Für Währungen sollten Sie die Schrittweiten festlegen – ganze Zahlen (1), halbe Schritte (0.5) oder präzise Dezimalzahlen (0.01).
Beispiele:
- Altersfeld: Mindestens 18, Maximal 100, Schritt 1
- Preisfeld: Min. 0, Max. 10000, Schrittweite 0.01
- Bewertung: Minimum 1, Maximum 5, Schrittweite 0.5
💰 Intelligente Zahlenformatierung
Mehrere Formatoptionen:
- Einfache Zahl – Einfache numerische Eingabe (123)
- Währung – Geld mit Symbolen ($123.00, €123.00, £123.00)
- Prozent – Automatisches Hinzufügen des %-Symbols (85%)
- Dezimal – Feste Dezimalstellen (123.45)
Benutzerdefinierte Währungssymbole
Unterstützt alle Währungen: $, €, £, ¥, ₹ und mehr – perfekt für internationale Formulare.
Dezimalgenauigkeit
Für exakte Berechnungen können Sie die Anzahl der Dezimalstellen von 0 bis 4 Stellen steuern.
Interaktiver Schieberegler-Modus
Visuelle Zahlenauswahl
Verwandeln Sie Zahleneingaben in ansprechende Schieberegler. Benutzer können durch Wischen Werte auswählen – ideal für Bewertungen, Bereiche und Präferenzen.
Anpassbares Erscheinungsbild
- Wählen Sie die Schiebereglerfarbe passend zu Ihrer Marke.
- Aktuellen Wert anzeigen/ausblenden
- Flüssige Animationen und Übergänge
Ideal für:
- Zufriedenheitsbewertung (1-10)
- Budgetbereiche (0-5000 $)
- Altersauswahl
- Prioritätsstufen
- Beliebige Bereichsauswahl
🔀 Bedingte Logik
Intelligente Feldtransparenz
Dieses Zahlenfeld kann abhängig von anderen Feldwerten ein- oder ausgeblendet werden. Erstellen Sie dynamische Formulare, die sich an die Benutzereingaben anpassen.
Erweiterte Logikregeln:
- UND-Logik – Alle Bedingungen müssen erfüllt sein
- ODER-Logik – Jede Bedingung kann die Aktion auslösen
- 8 Operatoren – Gleich, Ungleich, Größer als, Kleiner als, Enthält, Ist leer und mehr
Anwendungsfälle:
- Die Angabe „Anzahl der Gäste“ wird nur angezeigt, wenn das Kontrollkästchen „Gäste mitbringen?“ aktiviert ist.
- „Budgetbereich“ anzeigen, wenn der Servicetyp „Premium“ entspricht.
- „Rabattcode“ ausblenden, wenn der Bestellwert unter 50 $ liegt.
- Altersbeschränkte Optionen anzeigen, wenn das Alter über 1 Jahr liegt
🎨 Vollständige Anpassung
- Benutzerdefinierte CSS-Klassen
- Modus „Verstecktes Feld“
- für Mobilgeräte optimierte Eingaben
- Unterstützung für Barrierefreiheit
- Integration mit allen Formularfunktionen
- Schrittweite, Startwert
- Niedrigster/Höchster zulässiger Wert
- Verstecktes Feld, versteckter Wert
⚙️ Intelligente Konfiguration
Standardwerte
Felder werden mit Startzahlen vorausgefüllt, um die Benutzer zu unterstützen oder das Ausfüllen zu beschleunigen.
Platzhaltertext
Zeigen Sie hilfreiche Hinweise wie „Geben Sie die Menge ein“ oder „Ihr Alter“ an, bevor die Benutzer tippen.
Hilfetext
Fügen Sie Beschreibungen hinzu, um zu verdeutlichen, welche Zahlen eingegeben werden müssen.
Einfache Einrichtung in 3 Schritten
Bereiten Sie Ihr Dropdown-Feld in wenigen Minuten vor.
Fügen Sie das Zahlenfeld hinzu.
Ziehen Sie das Feld „Zahl“ aus dem Abschnitt „Basisfelder“ per Drag & Drop in Ihr Formular.
Validierungsregeln festlegen
Konfigurieren Sie Minimal-/Maximalwerte, Schrittweite und Startwert, um zu steuern, welche Zahlen Benutzer eingeben können.
Format und Stil auswählen
Wählen Sie das Format: Normal, Währung, Prozent oder Dezimal. Optional können Sie den Schiebereglermodus für die visuelle Auswahl aktivieren.
:-) Das war's! Ihr Zahlenfeld ist nun mit intelligenter Validierung und Formatierung einsatzbereit.
Anwendungen aus der realen Welt
E-Commerce & Bestellungen
- Produktmengenauswahl
- Preisbereichsfilter
- Eingaben für den Rabattprozentsatz
- Anzahl der Artikel und Gesamtsummen
Umfragen & Bewertungen
- Zufriedenheitswerte (1-10)
- Sternebewertung
- Prioritätenrangliste
- Wahrscheinlichkeitsskalen
Fitness & Gesundheit
- Gewichtsverfolgung
- Höhenmessungen
- Übungswiederholungen
- BMI-Rechner
Buchungen & Reservierungen
- Anzahl der Gäste/Teilnehmer
- Zimmeranzahl
- Dauer in Stunden/Tagen
- Partygröße
Antragsformulare
- Altersüberprüfung
- Jahrelange Erfahrung
- Gehaltsvorstellungen
- Budgetbereiche
Unternehmensfinanzierung
- Einnahmen
- Investitionsbeträge
- ROI-Prozentsätze
- Provisionssätze
Feldoptionen ausfüllen
Grundlegende Einstellung
- Feldbezeichnung – Der Titel, der über dem Zahlenfeld angezeigt wird
- Beschreibung/Hilfetext – Zusätzliche Hinweise für Benutzer
- Pflichtfeld – Nummerneingabe verpflichtend machen
- Platzhaltertext – Hinweistext, bevor Benutzer eine Zahl eingeben
Validierungseinstellungen
- Niedrigster zulässiger Wert (Min.) – Kleinste akzeptable Zahl
- Höchstzulässiger Wert (Max.) – Größte zulässige Zahl
- Schrittlänge – Inkrementwert (1, 0.5, 0.01 usw.)
- Startwert – Voreingestellte Standardnummer
Zahlenformatierung
- Display-Format
- Einfache Zahl
- Währung (mit Symbol)
- Prozentsatz (%)
- Dezimalzahl (feste Stellen)
Währungssymbol – $, €, £, ¥, ₹ (wenn das Format Währung ist)
Nachkommastellen – 0, 1, 2, 3 oder 4 Ziffern (bei Dezimaldarstellung)
Schieberegleroptionen
- Als Schieberegler anzeigen – Interaktiven Schiebereglermodus aktivieren
- Schiebereglerfarbe – Benutzerdefinierte Farbauswahl für Branding
- Zahl neben dem Schieberegler anzeigen – Aktuellen Wert anzeigen
Bedingte Logik
- Aktivieren Conditional Logic – Je nach Bedingungen ein-/ausblenden
Logiktyp- Alle Bedingungen müssen erfüllt sein (UND)
- Jede Bedingung kann erfüllt sein (ODER)
- Bedingungsregeln
- Show / Hide – Zu ergreifende Maßnahmen
- Feld – Welches Feld soll geprüft werden?
- Operator – Gleich, Ungleich, Enthält, Größer als, Kleiner als, Ist leer, Ist nicht leer
- Wert – Vergleichswert
- Mehrere Bedingungen – Unbegrenzt Regeln hinzufügen
Erweiterte Optionen
- Verstecktes Feld-Modus – Als verstecktes Feld mit voreingestelltem Wert verwenden
- Benutzerdefinierte CSS-Klassen – Benutzerdefiniertes Styling anwenden
- Zugänglichkeitsattribute – ARIA-Labels und -Beschreibungen
Warum sollten Sie sich für unser Zahlenfeld entscheiden?
✅ Precise – Die exakte Min-/Max-Validierung verhindert ungültige Einträge
✅ Flexibel – Mehrere Formate für jeden Anwendungsfall
✅ visuell – Der Schiebereglermodus erzeugt ansprechende Interaktionen
✅ Smart – Bedingte Logik erzeugt dynamische Formen
✅ Anwenderfreundlich – Klare Validierungsmeldungen leiten die Benutzer
✅ Professional – Integrierte Währungs- und Prozentformatierung
✅ Mobil optimiert – Perfekte Zahlentastaturen auf Mobilgeräten
✅ Voll Integriert – Funktioniert nahtlos mit allen Formularfunktionen
Häufig gestellte Fragen
F: Was ist der Unterschied zwischen Min/Max und Validierung?
A: Die Min/Max-Einstellungen ermöglichen eine sofortige Validierung auf Browserebene. Benutzer können keine ungültigen Zahlen eingeben, wodurch Formulare fehlerfrei und benutzerfreundlich bleiben.
F: Kann ich Dezimalzahlen verwenden?
A: Ja! Legen Sie den Wert für „Schritt“ fest, um die Dezimalstellen zu steuern. Verwenden Sie 0.01 für Währungen (Preise), 0.1 für eine Dezimalstelle oder einen beliebigen benutzerdefinierten Schritt.
F: Wie funktioniert der Schieberegler auf Mobilgeräten?
A: Die Schieberegler sind für die Touch-Bedienung optimiert und funktionieren reibungslos auf Mobilgeräten.
F: Kann ich auch negative Zahlen sammeln?
A: Absolut! Legen Sie einen negativen Minimalwert fest (z. B. Min: -100, Max: 100), um negative Zahlen zu ermöglichen.
F: Welche Währungssymbole werden unterstützt?
A: Beliebiges Symbol! Geben Sie $, €, £, ¥, ₹ oder ein beliebiges benutzerdefiniertes Symbol mit bis zu 3 Zeichen ein.
F: Kann ich bedingte Logik auf Basis von Zahlenvergleichen verwenden?
A: Ja! Verwenden Sie Operatoren wie „Größer als“, „Kleiner als“ und „Gleich“, um Logik auf Basis numerischer Werte zu erstellen.
F: Wie erstelle ich ein Prozentfeld?
A: Wählen Sie „Prozent (%)“ als Anzeigeformat. Das Prozentzeichen (%) wird automatisch angezeigt, und Benutzer geben Werte von 0 bis 100 ein.
F: Kann ich die Farbe des Schiebereglers ändern?
A: Ja! Wenn der Schiebereglermodus aktiviert ist, können Sie mit der Farbauswahl jede beliebige Farbe auswählen.
F: Was passiert, wenn Benutzer Zahlen außerhalb des Bereichs eingeben?
A: Die Browservalidierung stoppt die Übermittlung und zeigt eine Fehlermeldung wie „Der Wert muss zwischen 1 und 100 liegen“.
F: Kann ich das Zahlenfeld für Berechnungen verwenden?
A: Ja! Zahlenfeldwerte funktionieren bei bedingten Vergleichen und Berechnungen in Ihrer Formularverarbeitung.
F: Wie genau können Dezimalzahlen sein?
A: Sie können die Anzahl der Dezimalstellen von 0 bis 4 Stellen einstellen, und die Schrittwerte können so genau wie nötig sein (z. B. 0.001).
