Tekstinvoerveld
Verzamel tekst met precisie en flexibiliteit. Van eenvoudige namen tot complexe patronen: met ingebouwde validatie, slimme opmaak en krachtige aanpassingsmogelijkheden past het tekstinvoerveld zich aan elke situatie aan dankzij tekenlimieten, automatische opmaak en veilige wachtwoordmodi.
De basis van elk WordPress-formulier
Perfect voor:
Krachtige functies voor elk gebruiksscenario
📏 Slimme lengtecontrole
Minimum- en maximumtekenlimieten
Stel de kortste en langste toegestane tekstinvoer in. Voorkom inzendingen die te kort of te lang zijn met behulp van de ingebouwde browservalidatie.
Real-time validatie
Gebruikers krijgen direct feedback als hun inzending niet aan de lengte-eisen voldoet – geen verrassingen na het indienen.
Voorbeelden:
- Gebruikersnaam: minimaal 3, maximaal 20 tekens
- Postcode: minimaal 5, maximaal 10 tekens
- Naam: minimaal 2, maximaal 50 tekens
- Opmerking: Maximaal 500 tekens
Waarom het uitmaakt:
Beheer de datakwaliteit, voorkom spam, zorg voor compatibiliteit van de database en begeleid gebruikers bij het verstrekken van de juiste hoeveelheid informatie.
✅ Ingebouwde validatiepatronen
6 vooraf geconfigureerde validatietypen:
- 1. Geen – Accepteer alle tekst (standaard)
2. E-mail – Controleert of het e-mailformaat correct is ([e-mail beveiligd])
3. URL – Vereist geldige webadressen (https://example.com)
4. Alleen letters – Alleen alfabetische tekens en spaties (John Doe)
5. Alleen getallen – Alleen cijfers (123456)
6. Alfanumeriek – Letters en cijfers, geen speciale tekens (User123)
Plus aangepaste patronen:
- Definieer uw eigen reguliere expressievalidatie voor gespecialiseerde formaten zoals:
- Kentekenplaten: `^[AZ]{3}[0-9]{4}$`
- Productcodes: `^[AZ]{2}[0-9]{6}$`
- Aangepaste formaten die uniek zijn voor uw bedrijf.
Directe feedback:
Gebruikers zien duidelijke foutmeldingen als hun invoer niet aan het vereiste formaat voldoet.
✂️ Automatisch witruimte verwijderen
Automatisch gegevens opschonen
Verwijder onbedoelde spaties aan het begin en einde van tekstregels. Geen "John" meer als je "John" wilt.
Gebruik Gevallen:
- E-mailadressen (zonder spaties aan het einde)
- Gebruikersnamen (zonder spaties aan het begin)
- Referentiecodes (exacte overeenkomsten)
- Elk vakgebied waar precisie belangrijk is.
Voordelen:
Vermindert gebruikersfouten, verbetert de consistentie van gegevens, voorkomt validatieproblemen en vereenvoudigt het matchen en zoeken.
🔒 Wachtwoordmodus
Beveiligde invoermaskering
Verander elk tekstveld in een wachtwoordveld. Tekens worden weergegeven als puntjes (•••) om gevoelige informatie te beschermen tegen meekijkers.
Ideaal voor:
- Wachtwoord- en pincode-invoer
- Beveiligingscodes en tokens
- Vertrouwelijke identificatienummers
- Twee-factorauthenticatiecodes
Slim gedrag:
De wachtwoordmodus schakelt automatisch conflicterende functies zoals teksttransformatie en speciale invoertypen uit om de beveiliging te waarborgen.
📱 Slimme invoertypen
Geoptimaliseerd voor mobiel en desktop:
- Normale tekst – Standaard tekstinvoer voor algemeen gebruik
- Zoeken – Inclusief ingebouwde wisknop (X) voor snelle reset
- Telefoon – Activeert het numerieke toetsenbord op mobiele apparaten voor eenvoudigere invoer van telefoonnummers.
- URL – Toont een speciaal mobiel toetsenbord met sneltoetsen voor .com en .org
Waarom het uitmaakt:
Het juiste invoertype versnelt de gegevensinvoer op mobiele apparaten, vermindert fouten en verbetert de gebruikerservaring op alle apparaten.
🎨 Automatische teksttransformatie
Tekst opmaken tijdens het typen:
- Geen transformatie – De tekst blijft exact zoals ingevoerd.
- HOOFDLETTERS – Zet alle tekst om in hoofdletters (JOHN DOE)
- lowercase – Zet alle tekst om naar kleine letters (john doe)
- De eerste letter moet met een hoofdletter worden geschreven – alleen de eerste letter is een hoofdletter (John doe)
- Titelhoofdletters – Eerste letter van elk woord (John Doe)
Ideaal voor:
- HOOFDLETTERS: Kentekens, staatscodes, product-ID's
- kleine letters: E-mailadressen, gebruikersnamen
- Hoofdletters: Begin van de zin, enkele namen
- Titelhoofdletters: Volledige namen, adressen, titels
Slim gedrag:
De transformatie vindt automatisch plaats tijdens het verzenden, terwijl gebruikers hun oorspronkelijke invoer zien.
🙈 Verborgen veldmodus
Onzichtbare gegevensvelden
Maak velden aan die niet zichtbaar zijn voor gebruikers, maar wel gegevens verzenden met het formulier. Perfect voor tracking, verwijzingscodes en systeemwaarden.
Gebruik Gevallen:
- UTM-trackingparameters
- ID's van verwijzende bronnen
- Formulierversienummers
- Tijdstempelmarkeringen
- Verborgen metadata
Hoe werkt het:
Stel de "Verborgen waarde" in en deze wordt automatisch bij elke formulierinzending opgenomen zonder de gebruikersinterface van uw formulier te overladen.
🔀 Voorwaardelijke logica
Dynamische veldzichtbaarheid
Toon of verberg tekstvelden op basis van andere formulierwaarden. Maak intelligente formulieren die zich aanpassen aan de invoer van de gebruiker.
Geavanceerde logica-regels:
- EN Logica – Aan alle voorwaarden moet voldaan zijn
- OF-logica – Elke voorwaarde kan de actie activeren.
- 8 operatoren – gelijk aan, niet gelijk aan, groter dan, kleiner dan, bevat, is leeg, en meer
Gebruik Gevallen:
- Toon de bedrijfsnaam alleen als het invoertype van de gebruiker gelijk is aan 'Bedrijf'.
- Toon 'Verwijzingsbron' wanneer 'Hoe bent u over ons te weten gekomen?' het woord 'Verwijzing' bevat.
- Verberg "Overige details" als de primaire optie niet leeg is.
- Toon de promotiecode wanneer de bestelwaarde hoger is dan $100.
🎯 Verbeterde gebruikerservaring
Slimme functies ingebouwd:
- Standaardwaarden – Vul velden vooraf in om het invullen te versnellen.
- Plaatsaanduidingstekst – Toon handige tips voordat gebruikers beginnen te typen
- Helptekst – Voeg beschrijvingen toe om te verduidelijken wat u moet invoeren.
- Vereiste validatie – Maak velden verplicht met duidelijke indicatoren.
- Aangepaste CSS-klassen – Pas aangepaste stijlen toe die bij uw merk passen.
- Toegankelijkheidsondersteuning – ARIA-labels voor schermlezers
- Mobiel geoptimaliseerd – Aanraakvriendelijke invoer met bijbehorende toetsenborden
Eenvoudige installatie in 3 stappen
Maak je tekstinvoerveld binnen enkele minuten klaar voor gebruik.
Voeg het tekstveld toe
Sleep het tekstinvoerveld uit het gedeelte 'Basisvelden' naar uw formulier.
Validatie en limieten instellen
Kies het validatietype (e-mail, URL, letters, enz.), stel de minimale/maximale tekenlimieten in en schakel optioneel de wachtwoordmodus of het verwijderen van witruimte in.
Opmaak configureren
Selecteer het invoertype voor mobiele optimalisatie, kies tekstconversie (hoofdletters, kleine letters, enz.) en stel standaardwaarden of plaatsaanduidingen in.
???? Dat is alles! Je tekstveld is nu klaar met slimme validatie en opmaak.
Toepassingen in de echte wereld
Gebruikersregistratie
* Gebruikersnaamvelden met lengtebeperkingen
* Wachtwoordinvoer met maskering
* Naamvelden met titelnotatie
* E-mailadressen met validatie
Contact Formulieren
* Volledige naam met hoofdletters en kleine letters
* E-mailvalidatie
* Telefoonnummers met tel-invoer
* Bericht-/opmerkingsvelden
E-Commerce
* Voer de promotiecode in (hoofdletters)
* Velden voor cadeauberichten
* Speciale instructies
* Verzendinformatie
Business Applications
* Medewerkers-ID-nummers
* Afdelingsnamen
* Referentienummers
* Interne codes
Aanvragen en registratie
* Kentekennummers
* Certificeringscodes
* Lidmaatschaps-ID's
* Aangepaste identificatoren
Zoeken en filteren
* Zoekinvoer met wisknop
* Tekstvelden filteren
* Trefwoordinvoer
* Query-invoer
Volledige veldopties
Basis configuratie
- Veldlabel – De titel die boven het tekstveld wordt weergegeven.
- Beschrijving/Helptekst – Aanvullende handleiding voor gebruikers
- Verplicht veld – Maak tekstinvoer verplicht
- Plaatsaanduidingstekst – Hinttekst voordat gebruikers beginnen te typen
Lengtevalidatie
- Minimale lengte – Minimaal aantal toegestane tekens (validatie)
- Maximale lengte – Het maximale aantal tekens toegestaan (strikte limiet)
Standaard waarden
- Standaardwaarde – Vooraf ingevulde tekst wanneer het formulier wordt geladen.
- Verborgen waarde – Waarde voor verborgen velden (wanneer de verborgen modus is ingeschakeld)
Beveiliging en privacy
- Wachtwoordveld – Maskeer de invoer als wachtwoord (toont puntjes •••)
Verborgen veld – Maak het veld onzichtbaar, maar neem het wel op in de inzendingen.
Datakwaliteit
Verwijder automatisch overtollige spaties aan het begin en einde van een spatie.
Validatieregels
- Validatietype
- Geen (willekeurige tekst)
- E-mail ([e-mail beveiligd])
- URL (https://example.com)
- Alleen brieven (alleen AZ)
- Alleen cijfers (0-9)
- Alfanumeriek (AZ en 0-9)
- Aangepast patroon (regex)
- Aangepast patroon – Reguliere expressie voor aangepaste validatie (wanneer 'Aangepast' is geselecteerd)
Invoertypen
- Input Type
- NormaleTekst
- Zoeken (met wisknop)
- Telefoon (numeriek toetsenbord op mobiel)
- URL (gespecialiseerd mobiel toetsenbord)
Tekstopmaak
- Teksttransformatie
- Geen transformatie
- HOOFDLETTERS
- kleine letters
- De eerste letter moet met een hoofdletter beginnen.
- Hoofdzaak
voorwaardelijke Logic
- Schakel voorwaardelijke logica in – Weergeven/verbergen op basis van voorwaarden
- Logisch type
- Aan alle voorwaarden moet voldaan worden (EN)
- Aan elke voorwaarde kan worden voldaan (OF)
- Voorwaarden Regels
- Weergeven/Verbergen – Te ondernemen actie
- Veld – Welk veld moet gecontroleerd worden?
- Operator – Gelijk aan, Niet gelijk aan, Bevat, Groter dan, Kleiner dan, Is leeg, Is niet leeg
- Waarde – Vergelijkingswaarde
- Meerdere voorwaarden – Voeg onbeperkt regels toe
geavanceerde opties
- Aangepaste CSS-klassen – Pas aangepaste styling toe
- Toegankelijkheidskenmerken – ARIA-labels en -beschrijvingen
Waarom kiezen voor ons tekstinvoerveld?
✅ Veelzijdig – Werkt voor namen, codes, wachtwoorden en alles daartussenin
✅ Slimme validatie – 6+ validatiepatronen plus aangepaste reguliere expressies
✅ Geoptimaliseerd voor mobiele apparaten – Geschikte toetsenborden voor elk type invoer
✅ Automatische opmaak – Teksttransformatie vindt automatisch plaats
✅ Veilig – De wachtwoordmodus beschermt gevoelige informatie
✅ Schone gegevens – Verwijdering van witruimte voorkomt veelvoorkomende fouten
✅ Flexibel – Verborgen velden, standaardwaarden, voorwaardelijke logica
✅ Gebruiksvriendelijk – Duidelijke validatieberichten begeleiden gebruikers
✅ Volledig geïntegreerd – Werkt naadloos samen met alle formulierfuncties
Veelgestelde Vragen / FAQ
V: Wat is het verschil tussen minimale/maximale lengte en validatie?
De minimale/maximale lengte bepaalt hoeveel tekens er zijn toegestaan. Validatie bepaalt welke tekens zijn toegestaan, zoals alleen letters, alleen cijfers of de e-mailindeling.
V: Kan ik zowel de lengte als het formaat controleren?
Ja. Combineer de minimale en maximale lengte met validatieregels. Stel bijvoorbeeld een minimum van 3, een maximum van 15 en een alfanumerieke validatie in voor een gebruikersnaamveld.
V: Hoe werkt de wachtwoordmodus?
In de wachtwoordmodus worden tekens gemaskeerd met puntjes, net als bij de gebruikelijke wachtwoordvelden op inlogschermen.
V: Wat doet "witruimte verwijderen"?
Het verwijdert spaties aan het begin en einde van het document vóór verzending, zodat onbedoelde spaties de validatie niet verstoren.
V: Kan ik aangepaste validatiepatronen maken?
Ja. Gebruik "Aangepast patroon" en voeg een reguliere expressie toe om de gewenste structuur af te dwingen.
V: Hoe werken teksttransformaties?
De gebruiker typt normaal, en het systeem transformeert de tekst bij het verzenden, bijvoorbeeld door deze om te zetten naar hoofdletters of UPPERCASE.
V: Waarvoor dient het zoekveld?
Het voegt een ingebouwde wisknop (X) toe, zodat gebruikers het veld direct kunnen resetten tijdens het zoeken.
V: Waarom het invoertype "tel" gebruiken?
Op mobiele apparaten wordt een numeriek toetsenbord geopend, waardoor het invoeren van cijfers zoals op een telefoonscherm wordt vereenvoudigd.
V: Kan ik voorwaardelijke logica gebruiken met tekstvelden?
Ja. Voorwaarden zoals 'Bevat', 'Gelijk aan' of 'Is leeg' stellen je in staat velden weer te geven of te verbergen op basis van gebruikersinvoer.
V: Waarvoor worden verborgen velden gebruikt?
Ze slaan gegevens op zonder dat de gebruiker ze kan zien, wat handig is voor het bijhouden van metadata zoals UTM-tags of verwijzingsbronnen.
V: Kunnen tekstvelden voor getallen worden gebruikt?
Ja, maar gebruik het veld 'Nummer' voor berekeningen of numerieke validatie. Gebruik 'Tekst' met 'Alleen getallen' wanneer u codes of ID's nodig hebt die niet als getallen behandeld mogen worden.
V: Hoe precies kunnen reguliere expressiepatronen zijn?
Reguliere expressies kunnen zeer specifieke patronen afdwingen. Gebruik een regex-tester als u complexe patronen moet bouwen of verifiëren.
