Text-Inputfeld
Sammelt Text mat Präzisioun a Flexibilitéit. Vu einfachen Nimm bis zu komplexe Mustere mat agebauter Validatioun, intelligenter Formatéierung a mächteger Personaliséierung – den Textinputfeld passt sech un all Benotzungsfall un, mat Zeechenlimiten, automatescher Formatéierung a séchere Passwuertmodi.
D'Grondlag vun all WordPress Formulaire
Perfekt fir
Leistungsstark Funktiounen fir all Benotzungsfall
📏 Smart Längtekontroll
Minimum & Maximum Zeechenlimiten
Setzt déi kierzt an déi längst erlaabt Texteinträch. Verhënnert Soumissiounen, déi ze kuerz oder ze laang sinn, mat der agebauter Browservalidatioun.
Echtzäit Validatioun
D'Benotzer kréien direkt Feedback, wann hire Bäitrag net d'Längtufuerderunge erfëllt – keng Iwwerraschungen no der Areeche.
Beispiller:
- Benotzernumm: Min. 3, Max. 20 Zeechen
- Postleitzuel: Min. 5, Max. 10 Zeechen
- Numm: Min. 2, Max. 50 Zeechen
- Kommentar: Maximal 500 Zeechen
Firwat et wichteg ass:
Kontrolléiert d'Datenqualitéit, verhënnert Spam, garantéiert d'Kompatibilitéit vun der Datebank a guidéiert d'Benotzer fir déi richteg Quantitéit un Informatiounen ze liwweren.
✅ Agebaute Validatiounsmuster
6 virkonfiguréiert Validatiounstypen:
- 1. Keen – All Text akzeptéieren (Standard)
2. E-Mail – Validéiert de richtege Format vun der E-Mail ([Email geschützt])
3. URL – Erfuerdert gülteg Webadressen (https://example.com)
4. Nëmme Buschtawen – Nëmmen alphabetesch Zeechen a Leerzeechen (John Doe)
5. Nëmmen Zuelen – Nëmmen numeresch Zifferen (123456)
6. Alphanumeresch – Buschtawen an Zuelen, keng speziell Zeechen (Benotzer123)
Plus personaliséiert Musteren:
- Definéiert Är eege Regex-Validatioun fir spezialiséiert Formater wéi:
- Nummerplacken: `^[AZ]{3}[0-9]{4}$`
- Produktcoden: `^[AZ]{2}[0-9]{6}$`
- Benotzerdefinéiert Formater, déi eenzegaarteg fir Äert Geschäft sinn
Direkt Feedback:
D'Benotzer gesinn kloer Fehlermeldungen, wann hir Input net mam erfuerderleche Format iwwereneestëmmt.
✂️ Automatesch Wäissraumschneiden
Daten automatesch botzen
Läscht zoufälleg Leerzeechen um Ufank an um Enn vun Texteinträch. Kee "John" méi wann Dir "John" wëllt.
Benotzt Fäll:
- E-Mailadressen (ouni Leerzeechen)
- Benotzernimm (ouni Leerzeechen)
- Referenzcoden (exakt Iwwereneestëmmungen)
- All Beräich wou Präzisioun wichteg ass
Virdeeler:
Reduzéiert Benotzerfehler, verbessert Datenkonsistenz, verhënnert Validatiounsproblemer a vereinfacht Matching a Sich.
🔒 Passwuertmodus
Sécher Inputmaskéierung
Transforméiert all Textfeld an e Passwuertfeld. Zeechen erschéngen als Punkten (•••) fir sensibel Informatioune virum Benotzer ze schützen.
Perfekt Fir:
- Passwuert- a PIN-Aschreiwungen
- Sécherheetscoden an Tokens
- Vertraulech Identifikatiounsnummeren
- Zwee-Faktor Authentifikatioun Coden
Intelligent Verhalen:
De Passwuertmodus deaktivéiert automatesch konfliktéierend Funktiounen wéi Texttransformatioun a speziell Inputtypen, fir d'Sécherheet ze garantéieren.
📱 Smart Input-Typen
Optimiséiert fir Handy & Desktop:
- Normalen Text – Standardtexteintrag fir allgemeng Benotzung
- Sich – Enthält agebaute Läschknäppchen (X) fir e séieren Reset
- Telefon – Aktivéiert d'Zueltastatur op mobilen Apparater fir eng méi einfach Erfassung vun der Telefonsnummer
- URL – Weist eng spezialiséiert mobil Tastatur mat .com- an .org-Ofkierzungen un
Firwat et wichteg ass:
De richtegen Inputtyp beschleunegt d'Dateneingabe op mobilen Apparater, reduzéiert Feeler a verbessert d'Benotzererfarung op all Apparater.
🎨 Automatesch Texttransformatioun
Text formatéieren wéi de Benotzer tippt:
- Keng Transformatioun – Den Text bleift genee sou wéi en aginn ass
- GROUSSBUSCHTAWEN – Konvertéiert all Text a Groussbuschtawen (JOHN DOE)
- Klengbuchstawen – Konvertéiert all Text a Klengbuchstawen (John Doe)
- Éischte Buschtaf mat engem grousse Buschtaw schreiwen – Nëmmen den éischte Buschtaf mat engem grousse Buschtaw (John Doe)
- Titelbuchstabe – Éischte Buschtaf vun all Wuert (John Doe)
Perfekt Fir:
- GROUSSBUSCHTAWEN: Nummereschëlter, Staatscoden, Produkt-IDen
- Klengbuchstawen: E-Mailadressen, Benotzernimm
- Groussschreiwen: Sätz ufänken, eenzel Nimm
- Titelfall: Voll Nimm, Adressen, Titelen
Intelligent Verhalen:
D'Transformatioun geschitt automatesch während der Soumissioun, während d'Benotzer hiren ursprénglechen Input gesinn.
🙈 Verstoppte Feldmodus
Onsichtbar Datenfelder
Felder erstellen, déi net fir Benotzer sichtbar sinn, awer Daten mam Formulaire ofginn. Perfekt fir Tracking, Referral Coden a Systemwäerter.
Benotzt Fäll:
- UTM-Trackingparameter
- Referenzquell-IDen
- Versiounsnummeren vum Formulaire
- Zäitstempelmarkéierer
- Verstoppte Metadaten
Wéi Et Schafft:
Setzt de "Verstoppte Wäert" an en gëtt automatesch an all Formulaire abegraff, ouni d'UI vun Ärem Formulaire ze iwwerfëllen.
🔀 Bedingungslogik
Dynamesch Feldvisibilitéit
Textfelder op Basis vun anere Formularwäerter weisen oder verstoppen. Intelligent 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:
- "Firmennumm" nëmmen uweisen, wann den Benotzertyp gläich "Geschäft" ass.
- "Referenzquell" uweisen, wann "Wéi hutt Dir vun eis héieren?" "Referenz" enthält.
- "Aner Detailer" verstoppen, wann d'Haaptoptioun net eidel ass
- "Promo-Code" weisen, wann de Bestellungswäert méi wéi 100 $ ass
🎯 Verbessert Benotzererfarung
Agebaute intelligent Funktiounen:
- Standardwäerter – Felder viraus ausfëllen fir d'Ofschléisse ze beschleunegen
- Plazhaltertext – Weist hëllefräich Hiweiser ier de Benotzer tippt
- Hëllefstext – Beschreiwunge bäifügen fir ze klären, wat aginn soll ginn
- Obligatoresch Validatioun – Felder obligatoresch mat kloeren Indikatoren maachen
- Benotzerdefinéiert CSS-Klassen – Benotzt e personaliséierte Styling, deen zu Ärer Mark passt
- Accessibilitéitsënnerstëtzung – ARIA-Labels fir Bildschirmlieser
- Mobil optimiséiert – Touchfrëndlech Inputen mat passenden Tastaturen
Einfach Astellung an 3 Schrëtt
Maacht Äert Textfeld a Minutten fäerdeg
Textfeld derbäisetzen
Zitt d'Textinputfeld aus der Sektioun "Basisfelder" an Äre Formulaire.
Validatioun & Limiten festleeën
Wielt den Validatiounstyp (E-Mail, URL, Buschtawen, etc.), setzt min./maximal Zeechelimiten an aktivéiert optional de Passwuertmodus oder d'Ofschneiden vu Leerzeechen.
Formatéierung konfiguréieren
Wielt den Inputtyp fir mobil Optimiséierung, wielt den Texttransformatioun (Groussbuchstawen, Klengbuchstawen, etc.) a setzt Standardwäerter oder Plazhalter.
🎉 Dat ass et! Äert Textfeld ass fäerdeg mat enger intelligenter Validatioun a Formatéierung.
Real-World Uwendungen
Benotzer Umeldung
* Benotzernummfelder mat Längtlimiten
* Passwuert-Aginn mat Maskéierung
* Nummfelder mat Titelformatéierung a Grouss- a Groussformatéierung
* E-Mailadressen mat Validatioun
Kontaktformen
* Vollstännegen Numm mat Titelbuchstab
* E-Mail-Validatioun
* Telefonsnummeren mat Telefons-Input
* Felder fir Messagen/Kommentaren
E-Commerce
* Promotiounscode aginn (grouss Buschtawen)
* Felder fir Kaddo-Messagen
* Spezial Instruktiounen
* Versandnotizen
Business Uwendungen
* Mataarbechter-ID-Nummeren
* Nimm vun den Departementer
* Referenznummeren
* Intern Coden
Umeldungen & Aschreiwung
* Lizenznummeren
* Zertifizéierungscoden
* Memberschafts-IDen
* Benotzerdefinéiert Identifikatiounen
Sich & Filteren
* Sichinput mam Läschknäppchen
* Filter Textfelder
* Schlësselwuert-Entréen
* Ufro-Entréen
Optioune fir komplett Felder
Basis Konfiguratioun
- Feldbezeechnung – Den Titel, deen iwwer dem Textfeld ugewise gëtt
- Beschreiwung/Hëllefstext – Zousätzlech Hëllef fir Benotzer
- Obligatoresch Felder – Texteintrag obligatoresch maachen
- Placeholder-Text – Hiweistext ier de Benotzer tippt
Längtvalidatioun
- Mindestlängt – Déi mannsten erlaabt Zeechen (Validatioun)
- Maximal Längt – Déi meescht erlaabt Zeechen (fest Limit)
Standard Wäerter
- Standardwäert – Viraus ausgefëllten Text beim Luede vum Formulaire
- Verstoppte Wäert – Wäert fir verstoppte Felder (wann de verstoppte Modus aktivéiert ass)
Sécherheet & Privatsphär
- Passwuertfeld – Den Input als Passwuert maskéieren (Punkten weisen •••)
Verstoppt Feld – Feld onsichtbar maachen, awer an den Aschränkungen abannen
Datenqualitéit
Wäissraum trimmen - Extra Leerzeechen um Ufank an Enn automatesch ewechhuelen
Validatioun Regelen
- Validatiounstyp
- Keen (all Text)
- E-Mail ([Email geschützt])
- URL (https://example.com)
- Nëmme Buschtawen (nëmmen AZ)
- Nëmmen Zuelen (nëmmen 0-9)
- Alphanumeresch (AZ an 0-9)
- Benotzerdefinéiert Muster (regex)
- Benotzerdefinéiert Muster – Regulären Ausdrock fir personaliséiert Validatioun (wann "Benotzerdefinéiert" ausgewielt ass)
Input Zorte
- Input Typ
- Normal Text
- Sich (mat dem Läschknäppchen)
- Telefon (numeresch Tastatur um Handy)
- URL (spezialiséiert mobil Tastatur)
Text Formatéierung
- Text Transformatioun
- Keng Transformatioun
- UPPERCASE
- Kleinbuchstabe
- Éischte Buschtaf grouss schreiwen
- Titel Case
Bedingt Logik
- Bedingungslogik aktivéieren – Op Basis vu Konditioune 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 gemaach ginn
- Feld – Wéi ee Feld soll iwwerpréift ginn
- Operator – 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
- Verschidde Konditiounen – Onlimitéiert Reegelen derbäisetzen
Détailléiert Optiounen
- Benotzerdefinéiert CSS-Klassen – Benotzerdefinéiert Styling uwenden
- Accessibilitéitsattributer – ARIA-Etiketten a Beschreiwungen
Firwat eist Textfeld wielen?
✅ Villfälteg – Funktionéiert fir Nimm, Coden, Passwierder an alles dertëschent
✅ Smart Validatioun – 6+ Validatiounsmuster plus personaliséiert Regex
✅ Mobil optimiséiert – Passend Tastaturen fir all Inputtyp
✅ Automatesch Formatéierung – Texttransformatioun geschitt automatesch
✅ Sécher – Passwuertmodus schützt sensibel Informatiounen
✅ Daten propper maachen – D'Ofschneiden vu wäisse Plazen verhënnert üblech Feeler
✅ Flexibel – Verstoppte Felder, Standardwäerter, bedingt Logik
✅ Benotzerfrëndlech – Kloer Validatiounsmeldungen guidéieren d'Benotzer
✅ Voll integréiert – Funktionéiert nahtlos mat all Formularfunktiounen
Oft gestallten Froen
Q: Wat ass den Ënnerscheed tëscht enger minimaler/maximaler Längt a Validatioun?
D'Min./Max. Längt bestëmmt, wéi vill Zeechen erlaabt sinn. D'Validatioun bestëmmt, wéi eng Zeechen erlaabt sinn, wéi zum Beispill nëmme Buschtawen, nëmmen Zuelen oder den E-Mail-Format.
Q: Kann ech souwuel d'Längt wéi och de Format validéieren?
Jo. Kombinéiert d'Minimum-/Maximallängt mat Validatiounsregelen. Zum Beispill, setzt min 3, max 15 an alphanumeresch Validatioun fir e Benotzernummfeld.
Q: Wéi funktionéiert de Passwuertmodus?
De Passwuertmodus maskéiert Zeechen mat Punkten, genee wéi typesch Passwuertfelder op Login-Bildschirmer.
Q: Wat mécht "Wäissraum trimmen"?
Et läscht éischt an zweet Leerzeechen virun der Ofginn, sou datt zoufälleg Leerzeechen d'Validatioun net stéieren.
Q: Kann ech personaliséiert Validatiounsmuster erstellen?
Jo. Benotzt "Benotzerdefinéiert Muster" a füügt e regulären Ausdrock derbäi fir all Struktur, déi Dir braucht, duerchzesetzen.
Q: Wéi funktionéieren Texttransformatiounen?
De Benotzer tippt normalerweis, an de System transforméiert den Text beim Ofginn, zum Beispill a Groussbuchstawen oder Groussbuschtawen.
Q: Fir wat ass den Inputtyp vun der Sich?
Et füügt en agebaute Läschknäppchen (X) derbäi, sou datt d'Benotzer d'Feld direkt beim Sich zrécksetzen kënnen.
Q: Firwat den Inputtyp "tel" benotzen?
Op Handyen mécht et eng numeresch Tastatur op, fir d'Aginn vun Zifferen am Telefonsstil méi einfach ze maachen.
Q: Kann ech bedingt Logik mat Textfelder benotzen?
Jo. Konditioune wéi "Enthält", "Gläich" oder "Ass eidel" erlaben Iech Felder op Basis vun der Benotzereingabe unzeweisen oder ze verstoppen.
Q: Fir wat gi verstoppte Felder benotzt?
Si späicheren Daten ouni fir de Benotzer sichtbar ze sinn, nëtzlech fir Metadaten wéi UTM-Tags oder Referenzquellen ze verfollegen.
Q: Kënnen Textfelder fir Zuelen benotzt ginn?
Jo, awer benotzt d'Nummerfeld fir Berechnungen oder numeresch Validatiounen. Benotzt Text mat "Nëmmen Zuelen" wann Dir Coden oder IDen braucht, déi net als Zuelen behandelt solle ginn.
Q: Wéi präzis kënne Regex-Mustere sinn?
Regex kann extrem spezifesch Mustere erzwingen. Benotzt en Regex-Tester wann Dir komplex Mustere musst erstellen oder verifizéieren.
