Texteingabefeld
Erfassen Sie Texte präzise und flexibel. Von einfachen Namen bis hin zu komplexen Mustern – mit integrierter Validierung, intelligenter Formatierung und umfangreichen Anpassungsmöglichkeiten passt sich das Texteingabefeld dank Zeichenbegrenzungen, automatischer Formatierung und sicheren Passwortmodi jedem Anwendungsfall an.
Die Grundlage jedes WordPress-Formulars
Perfekt für:
Leistungsstarke Funktionen für jeden Anwendungsfall
📏 Intelligente Längensteuerung
Minimale und maximale Zeichenbegrenzungen
Legen Sie die kürzeste und längste zulässige Texteingabe fest. Verhindern Sie zu kurze oder zu lange Eingaben durch die integrierte Browservalidierung.
Echtzeitvalidierung
Nutzer erhalten sofortiges Feedback, wenn ihr Beitrag die Längenanforderungen nicht erfüllt – keine Überraschungen nach dem Absenden.
Beispiele:
- Benutzername: Mindestens 3, maximal 20 Zeichen
- Postleitzahl: Mindestens 5, maximal 10 Zeichen
- Name: Mindestens 2, maximal 50 Zeichen
- Kommentar: Maximal 500 Zeichen
Warum es wichtig ist:
Kontrollieren Sie die Datenqualität, verhindern Sie Spam, gewährleisten Sie die Datenbankkompatibilität und leiten Sie die Benutzer an, die richtige Menge an Informationen anzugeben.
✅ Integrierte Validierungsmuster
6 vorkonfigurierte Validierungstypen:
- 1. Keine – Beliebigen Text akzeptieren (Standardeinstellung)
2. E-Mail – Überprüft das korrekte E-Mail-Format ([E-Mail geschützt] )
3. URL – Erfordert gültige Webadressen (https://example.com)
4. Nur Buchstaben – Nur alphabetische Zeichen und Leerzeichen (John Doe)
5. Nur Zahlen – Nur Ziffern (123456)
6. Alphanumerisch – Buchstaben und Zahlen, keine Sonderzeichen (User123)
Plus individuelle Muster:
- Definieren Sie Ihre eigene Regex-Validierung für spezielle Formate wie:
- Nummernschilder: „^[AZ]{3}[0-9]{4}$“.
- Produktcodes: `^[AZ]{2}[0-9]{6}$`
- Individuelle Formate, speziell für Ihr Unternehmen
Sofortige Rückmeldung:
Wenn die Eingabe des Nutzers nicht dem erforderlichen Format entspricht, werden diesem eindeutige Fehlermeldungen angezeigt.
✂️ Automatisches Entfernen von Leerzeichen
Automatische Datenbereinigung
Entfernen Sie versehentliche Leerzeichen am Anfang und Ende von Texteinträgen. Statt „John“ steht hier nicht mehr „John“.
Anwendungsfälle:
- E-Mail-Adressen (ohne nachfolgende Leerzeichen)
- Benutzernamen (ohne führende Leerzeichen)
- Referenzcodes (exakte Übereinstimmungen)
- Überall dort, wo Präzision wichtig ist
Vorteile:
Verringert Benutzerfehler, verbessert die Datenkonsistenz, beugt Validierungsproblemen vor und vereinfacht das Abgleichen und Suchen.
🔒 Passwortmodus
Sichere Eingabemaskierung
Verwandeln Sie jedes Textfeld in ein Passwortfeld. Zeichen werden als Punkte (•••) dargestellt, um sensible Informationen vor neugierigen Blicken zu schützen.
Perfekt geeignet für:
- Passwort- und PIN-Eingaben
- Sicherheitscodes und Token
- Vertrauliche Identifikationsnummern
- Zwei-Faktor-Authentifizierungscodes
Intelligentes Verhalten:
Der Passwortmodus deaktiviert automatisch in Konflikt stehende Funktionen wie Texttransformation und spezielle Eingabetypen, um die Sicherheit zu gewährleisten.
📱 Intelligente Eingabetypen
Optimiert für Mobilgeräte und Desktop-Computer:
- Normaler Text – Standard-Texteingabe für allgemeine Zwecke
- Suche – Enthält eine integrierte Löschtaste (X) zum schnellen Zurücksetzen
- Telefon – Aktiviert die numerische Tastatur auf Mobilgeräten zur einfacheren Eingabe der Telefonnummer.
- URL – Zeigt eine spezielle mobile Tastatur mit .com- und .org-Tastenkombinationen an
Warum es wichtig ist:
Die Wahl des richtigen Eingabetyps beschleunigt die Dateneingabe auf Mobilgeräten, reduziert Fehler und verbessert die Benutzerfreundlichkeit auf allen Geräten.
🎨 Automatische Textumwandlung
Text formatieren, wie vom Benutzer eingegeben:
- Keine Transformation – Der Text bleibt genau so, wie er eingegeben wurde.
- GROSSBUCHSTABEN – Wandelt den gesamten Text in Großbuchstaben um (JOHN DOE)
- Kleinbuchstaben – Wandelt den gesamten Text in Kleinbuchstaben um (john doe)
- Ersten Buchstaben großschreiben – Nur der erste Buchstabe großschreiben (John Doe)
- Titel in Großbuchstaben – Erster Buchstabe jedes Wortes (John Doe)
Perfekt geeignet für:
- GROSSBUCHSTABEN: Kfz-Kennzeichen, Ländercodes, Produktkennungen
- Kleinbuchstaben: E-Mail-Adressen, Benutzernamen
- Großschreibung: Satzanfänge, einzelne Namen
- Titelformatierung: Vollständige Namen, Adressen, Titel
Intelligentes Verhalten:
Die Transformation erfolgt automatisch während der Übermittlung, während die Benutzer ihre ursprüngliche Eingabe sehen.
🙈 Verstecktes-Feld-Modus
Unsichtbare Datenfelder
Erstellen Sie Felder, die für Benutzer nicht sichtbar sind, aber Daten mit dem Formular übermitteln. Ideal für Tracking, Empfehlungscodes und Systemwerte.
Anwendungsfälle:
- UTM-Tracking-Parameter
- Referral-Source-IDs
- Formularversionsnummern
- Zeitstempelmarkierungen
- Versteckte Metadaten
So funktioniert es:
Legen Sie den „Versteckten Wert“ fest, und er wird automatisch in jede Formularübermittlung einbezogen, ohne die Benutzeroberfläche Ihres Formulars zu überladen.
🔀 Bedingte Logik
Dynamische Feldsichtbarkeit
Textfelder je nach anderen Formularwerten ein- oder ausblenden. Intelligente Formulare erstellen, 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:
- „Firmenname“ nur anzeigen, wenn der Benutzertyp „Geschäftsperson“ ist.
- „Empfehlungsquelle“ anzeigen, wenn bei „Wie haben Sie von uns erfahren?“ der Begriff „Empfehlung“ enthalten ist.
- „Weitere Details“ ausblenden, wenn die primäre Option nicht leer ist
- „Aktionscode“ anzeigen, wenn der Bestellwert über 100 $ liegt.
🎯 Verbesserte Benutzererfahrung
Intelligente Funktionen integriert:
- Standardwerte – Felder vorab ausfüllen, um die Bearbeitung zu beschleunigen
- Platzhaltertext – Hilfreiche Hinweise anzeigen, bevor Benutzer tippen
- Hilfetext – Fügen Sie Beschreibungen hinzu, um zu verdeutlichen, was einzugeben ist.
- Erforderliche Validierung – Felder mit eindeutigen Kennzeichnungen als Pflichtfelder kennzeichnen
- Benutzerdefinierte CSS-Klassen – Passen Sie das Styling an Ihre Marke an.
- Barrierefreiheitsunterstützung – ARIA-Labels für Bildschirmlesegeräte
- Für Mobilgeräte optimiert – Touch-freundliche Eingabemöglichkeiten mit passenden Tastaturen
Einfache Einrichtung in 3 Schritten
Bereiten Sie Ihr Texteingabefeld in wenigen Minuten vor.
Füge das Textfeld hinzu
Ziehen Sie das Texteingabefeld aus dem Abschnitt „Basisfelder“ per Drag & Drop in Ihr Formular.
Validierung und Grenzwerte festlegen
Wählen Sie den Validierungstyp (E-Mail, URL, Buchstaben usw.), legen Sie die minimalen/maximalen Zeichengrenzen fest und aktivieren Sie optional den Passwortmodus oder die Entfernung von Leerzeichen.
Formatierung konfigurieren
Wählen Sie den Eingabetyp für die mobile Optimierung, die Textumwandlung (Großbuchstaben, Kleinbuchstaben usw.) und legen Sie Standardwerte oder Platzhalter fest.
:-) Das war's! Ihr Textfeld ist nun mit intelligenter Validierung und Formatierung ausgestattet.
Anwendungen aus der realen Welt
Registrierung
* Benutzernamenfelder mit Längenbeschränkungen
* Passworteingaben mit Maskierung
* Namensfelder mit Titelformatierung
* E-Mail-Adressen mit Validierung
Kontaktformulare
* Vollständiger Name in Titelform
* E-Mail-Validierung
* Telefonnummern mit Tel-Eingabe
* Nachrichten-/Kommentarfelder
E-Commerce
* Eingabe des Gutscheincodes (in Großbuchstaben)
* Felder für Geschenknachrichten
* Besondere Anweisungen
* Versandhinweise
Geschäftsanwendungen
* Mitarbeiter-ID-Nummern
* Abteilungsnamen
* Referenznummern
* Interne Codes
Bewerbung & Registrierung
* Lizenznummern
* Zertifizierungscodes
* Mitgliedsnummern
* Benutzerdefinierte Kennungen
Suchen und Filtern
* Suchfeld mit Löschtaste
* Filtertextfelder
* Stichworteinträge
* Abfrageeingaben
Feldoptionen ausfüllen
Grundlegende Einstellung
- Feldbezeichnung – Der Titel, der über dem Textfeld angezeigt wird
- Beschreibung/Hilfetext – Zusätzliche Hinweise für Benutzer
- Pflichtfeld – Texteingabe als Pflichtfeld festlegen
- Platzhaltertext – Hinweistext, bevor Benutzer tippen
Längenvalidierung
- Mindestlänge – Geringste zulässige Zeichenanzahl (Validierung)
- Maximale Länge – Höchste zulässige Zeichenanzahl (harte Grenze)
Standardwerte
- Standardwert – Vorausgefüllter Text beim Laden des Formulars
- Versteckter Wert – Wert für versteckte Felder (wenn der versteckte Modus aktiviert ist)
Sicherheit und Datenschutz
- Passwortfeld – Eingabe als Passwort maskieren (zeigt Punkte ••• an)
Verstecktes Feld – Feld unsichtbar machen, aber in die Einreichungen einbeziehen
Datenqualität
Leerzeichen entfernen – Überflüssige Leerzeichen am Anfang und Ende automatisch entfernen
Validierungsregeln
- Validierungstyp
- Keine (beliebiger Text)
- Email ([E-Mail geschützt] )
- URL (https://example.com)
- Nur Briefe (nur AZ)
- Nur Zahlen (nur 0-9)
- Alphanumerisch (AZ und 0-9)
- Benutzerdefiniertes Muster (regulärer Ausdruck)
- Benutzerdefiniertes Muster – Regulärer Ausdruck für die benutzerdefinierte Validierung (wenn „Benutzerdefiniert“ ausgewählt ist)
Eingabetypen
- Eingangstyp
- Normaler Text
- Suche (mit Löschtaste)
- Telefon (Zifferntastatur auf dem Mobiltelefon)
- URL (spezielle mobile Tastatur)
Textformatierung
- Texttransformation
- Keine Transformation
- OBERSEITE
- Klein
- Ersten Buchstaben großschreiben
- Titel Fall
Bedingte Logik
- Bedingte Logik aktivieren – Ein-/Ausblenden basierend auf Bedingungen
- Logiktyp
- Alle Bedingungen müssen erfüllt sein (UND)
- Jede Bedingung kann erfüllt sein (ODER)
- Bedingungsregeln
- Anzeigen/Ausblenden – 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 viele Regeln hinzufügen
Erweiterte Optionen
- Benutzerdefinierte CSS-Klassen – Benutzerdefiniertes Styling anwenden
- Barrierefreiheitsattribute – ARIA-Labels und -Beschreibungen
Warum sollten Sie sich für unser Texteingabefeld entscheiden?
✅ Vielseitig – Funktioniert für Namen, Codes, Passwörter und alles dazwischen.
✅ Intelligente Validierung – über 6 Validierungsmuster plus benutzerdefinierte reguläre Ausdrücke
✅ Für Mobilgeräte optimiert – Passende Tastaturen für jeden Eingabetyp
✅ Automatische Formatierung – Die Textumwandlung erfolgt automatisch
✅ Sicher – Der Passwortmodus schützt sensible Informationen
✅ Saubere Daten – Das Entfernen von Leerzeichen verhindert häufige Fehler
✅ Flexibel – Versteckte Felder, Standardwerte, bedingte Logik
✅ Benutzerfreundlich – Klare Bestätigungsmeldungen leiten die Nutzer.
✅ Vollständig integriert – Funktioniert nahtlos mit allen Formularfunktionen
Häufig gestellte Fragen
F: Was ist der Unterschied zwischen minimaler/maximaler Länge und Validierung?
Die Mindest- und Höchstlänge legt fest, wie viele Zeichen zulässig sind. Die Validierung steuert, welche Zeichen erlaubt sind, z. B. nur Buchstaben, nur Zahlen oder das E-Mail-Format.
F: Kann ich sowohl die Länge als auch das Format überprüfen?
Ja. Kombinieren Sie die Mindest- und Höchstlänge mit Validierungsregeln. Legen Sie beispielsweise für ein Benutzernamenfeld eine Mindestlänge von 3, eine Höchstlänge von 15 und eine alphanumerische Validierung fest.
F: Wie funktioniert der Passwortmodus?
Im Passwortmodus werden Zeichen durch Punkte ersetzt, genau wie bei typischen Passwortfeldern auf Anmeldebildschirmen.
F: Was bewirkt „Leerzeichen entfernen“?
Es entfernt vor dem Absenden führende und nachfolgende Leerzeichen, damit versehentliche Leerzeichen die Validierung nicht beeinträchtigen.
F: Kann ich benutzerdefinierte Validierungsmuster erstellen?
Ja. Verwenden Sie „Benutzerdefiniertes Muster“ und fügen Sie einen regulären Ausdruck hinzu, um die gewünschte Struktur zu erzwingen.
F: Wie funktionieren Texttransformationen?
Der Benutzer tippt normal, und das System transformiert den Text bei der Übermittlung, z. B. durch Umwandlung in Titelform oder GROSSBUCHSTABEN.
F: Wofür ist der Sucheingabetyp gedacht?
Es enthält eine integrierte Löschtaste (X), mit der Benutzer das Feld während der Suche sofort zurücksetzen können.
F: Warum wird der Eingabetyp „tel“ verwendet?
Auf Mobilgeräten öffnet sich ein numerisches Tastenfeld, um die Eingabe von Ziffern im Telefonstil zu vereinfachen.
F: Kann ich bedingte Logik mit Textfeldern verwenden?
Ja. Bedingungen wie „Enthält“, „Gleich“ oder „Ist leer“ ermöglichen es Ihnen, Felder basierend auf der Benutzereingabe ein- oder auszublenden.
F: Wozu dienen versteckte Felder?
Sie speichern Daten, ohne dass diese für den Benutzer sichtbar sind, was nützlich ist, um Metadaten wie UTM-Tags oder Verweisquellen zu verfolgen.
F: Können Textfelder für Zahlen verwendet werden?
Ja, aber verwenden Sie das Zahlenfeld für Berechnungen oder numerische Validierung. Verwenden Sie das Textfeld mit der Option „Nur Zahlen“, wenn Sie Codes oder IDs benötigen, die nicht als Zahlen behandelt werden sollen.
F: Wie präzise können reguläre Ausdrücke sein?
Reguläre Ausdrücke können äußerst spezifische Muster erzwingen. Verwenden Sie einen Regex-Tester, wenn Sie komplexe Muster erstellen oder überprüfen müssen.
