Tekstinputfelt
Indsaml tekst med præcision og fleksibilitet. Fra simple navne til komplekse mønstre med indbygget validering, smart formatering og effektiv tilpasning – tekstinputfeltet tilpasser sig enhver brug med tegnbegrænsninger, automatisk formatering og sikre adgangskodetilstande.
Fundamentet for enhver WordPress-formular
Perfekt til:
Kraftfulde funktioner til ethvert brugstilfælde
📏 Smart længdekontrol
Minimum og maksimum antal tegn
Angiv de korteste og længste tilladte tekstindtastninger. Forhindr indlæg, der er for korte eller for lange, med indbygget browservalidering.
Realtidsvalidering
Brugere ser øjeblikkelig feedback, hvis deres bidrag ikke opfylder længdekravene – ingen overraskelser efter indsendelse.
eksempler:
- Brugernavn: Min. 3, maks. 20 tegn
- Postnummer: Min. 5, maks. 10 tegn
- Navn: Min. 2, Maks. 50 tegn
- Kommentar: Maks. 500 tegn
Hvorfor det drejer sig om:
Kontroller datakvaliteten, forebyg spam, sørg for databasekompatibilitet og vejled brugerne til at give den rette mængde information.
✅ Indbyggede valideringsmønstre
6 forudkonfigurerede valideringstyper:
- 1. Ingen – Accepter enhver tekst (standard)
2. E-mail – Validerer korrekt e-mailformat ([e-mail beskyttet])
3. URL – Kræver gyldige webadresser (https://example.com)
4. Kun bogstaver – Kun alfabetiske tegn og mellemrum (John Doe)
5. Kun tal – Kun numeriske cifre (123456)
6. Alfanumerisk – Bogstaver og tal, ingen specialtegn (Bruger123)
Plus brugerdefinerede mønstre:
- Definer din egen regex-validering for specialiserede formater som:
- Nummerplader: `^[AZ]{3}[0-9]{4}$`
- Produktkoder: `^[AZ]{2}[0-9]{6}$`
- Brugerdefinerede formater, der er unikke for din virksomhed
Øjeblikkelig feedback:
Brugere ser tydelige fejlmeddelelser, hvis deres input ikke stemmer overens med det krævede format.
✂️ Automatisk fjernelse af mellemrum
Rens data automatisk
Fjern utilsigtede mellemrum fra begyndelsen og slutningen af tekstindtastninger. Ikke mere "John", når du vil have "John".
Brug sager:
- E-mailadresser (ingen mellemrum)
- Brugernavne (ingen mellemrum)
- Referencekoder (nøjagtige match)
- Ethvert felt hvor præcision er vigtig
Fordele:
Reducerer brugerfejl, forbedrer datakonsistens, forhindrer valideringsproblemer og forenkler matchning og søgning.
🔒 Adgangskodetilstand
Sikker inputmaskering
Omdan ethvert tekstfelt til et adgangskodefelt. Tegn vises som prikker (•••) for at beskytte følsomme oplysninger mod uvedkommende.
Perfekt til:
- Adgangskode- og PIN-indtastninger
- Sikkerhedskoder og tokens
- Fortrolige ID-numre
- To-faktor autentificeringskoder
Smart adfærd:
Adgangskodetilstand deaktiverer automatisk modstridende funktioner som teksttransformation og specielle inputtyper for at sikre sikkerheden.
📱 Smarte inputtyper
Optimeret til mobil og computer:
- Normal tekst – Standard tekstinput til generel brug
- Søgning – Inkluderer indbygget rydningsknap (X) til hurtig nulstilling
- Telefon – Udløser det numeriske tastatur på mobile enheder for nemmere indtastning af telefonnumre
- URL – Viser specialiseret mobiltastatur med .com- og .org-genveje
Hvorfor det drejer sig om:
Den rigtige inputtype fremskynder dataindtastning på mobilen, reducerer fejl og forbedrer brugeroplevelsen på tværs af alle enheder.
🎨 Automatisk teksttransformation
Formatér tekst, når brugerne skriver:
- Ingen transformation – Teksten forbliver præcis som indtastet
- STORE BOGSTAVER – Konverterer al tekst til store bogstaver (JOHN DOE)
- små bogstaver – Konverterer al tekst til små bogstaver (John Doe)
- Stort første bogstav – Kun stort første bogstav (John Doe)
- Titelbogstav – Første bogstav i hvert ord (John Doe)
Perfekt til:
- STORE BOGSTAVER: Nummerplader, statskoder, produkt-ID'er
- små bogstaver: E-mailadresser, brugernavne
- Stort bogstav: Sætningsstart, enkeltnavne
- Titelsag: Fulde navne, adresser, titler
Smart adfærd:
Transformationen sker automatisk under indsendelse, mens brugerne ser deres oprindelige input.
🙈 Skjult felttilstand
Usynlige datafelter
Opret felter, der ikke er synlige for brugerne, men som indsender data med formularen. Perfekt til sporing, henvisningskoder og systemværdier.
Brug sager:
- UTM-sporingsparametre
- Henvisningskilde-ID'er
- Formularversionsnumre
- Tidsstempelmarkører
- Skjulte metadata
Sådan Fungerer Det:
Indstil den "Skjult værdi", og den inkluderes automatisk i alle formularindsendelser uden at forstyrre din formulars brugergrænseflade.
🔀 Betinget logik
Dynamisk feltsynlighed
Vis eller skjul tekstfelter baseret på andre formularværdier. Opret intelligente formularer, der tilpasser sig brugerinput.
Avancerede logiske regler:
- OG-logik – Alle betingelser skal være opfyldt
- ELLER-logik – Enhver betingelse kan udløse handlingen
- 8 operatorer – Lig med, Ikke lig med, Større end, Mindre end, Indeholder, Er tom og mere
Brug sager:
- Vis kun "Firmanavn", når brugertypen er lig med "Virksomhed"
- Vis "Henvisningskilde", når "Hvordan hørte du om os?" indeholder "Henvisning"
- Skjul "Andre oplysninger", når den primære valgmulighed ikke er tom
- Vis "Rabatkode", når ordreværdien er større end $100
🎯 Forbedret brugeroplevelse
Indbyggede smarte funktioner:
- Standardværdier – Udfyld felter på forhånd for at fremskynde færdiggørelsen
- Pladsholdertekst – Vis nyttige tips, før brugerne skriver
- Hjælpetekst – Tilføj beskrivelser for at tydeliggøre, hvad der skal indtastes
- Påkrævet validering – Gør felter obligatoriske med tydelige indikatorer
- Brugerdefinerede CSS-klasser – Anvend brugerdefineret styling, der matcher dit brand
- Tilgængelighedssupport – ARIA-etiketter til skærmlæsere
- Mobiloptimeret – Berøringsvenlige input med passende tastaturer
Enkel opsætning i 3 trin
Få dit tekstfelt klar på få minutter
Tilføj tekstfeltet
Træk og slip tekstinputfeltet fra sektionen Grundlæggende felter til din formular.
Indstil validering og grænser
Vælg valideringstype (e-mail, URL, bogstaver osv.), angiv min./maks. tegngrænser, og aktiver eventuelt adgangskodetilstand eller beskæring af mellemrum.
Konfigurer formatering
Vælg inputtype til mobiloptimering, vælg teksttransformation (store bogstaver, små bogstaver osv.), og angiv standardværdier eller pladsholdere.
???? Det var det! Dit tekstfelt er klar med smart validering og formatering.
Real-World-applikationer
bruger registrering
* Brugernavnfelter med længdebegrænsninger
* Adgangskodeindtastninger med maskering
* Navnefelter med titelformatering med store og små bogstaver
* E-mailadresser med validering
Kontakt formularer
* Fulde navn med titelbogstav
* E-mailvalidering
* Telefonnumre med telefonindtastning
* Besked-/kommentarfelter
E-Commerce
* Indtastning af rabatkode (store bogstaver)
* Felter til gavebeskeder
* Særlige instruktioner
* Forsendelsesnotater
Business Applications
* Medarbejder-ID-numre
* Afdelingsnavne
* Referencenumre
* Interne koder
Ansøgninger og registrering
* Nummerplader
* Certificeringskoder
* Medlemskabs-ID'er
* Brugerdefinerede identifikatorer
Søg og filtrering
* Søgeinput med ryd-knap
* Filtrer tekstfelter
* Nøgleordsindtastninger
* Forespørgselsinput
Komplette feltindstillinger
Grundlæggende konfiguration
- Feltnavn – Titlen vist over tekstfeltet
- Beskrivelse/hjælpetekst – Yderligere vejledning til brugerne
- Obligatorisk felt – Gør tekstindtastning obligatorisk
- Pladsholdertekst – Hinttekst før brugerne skriver
Længdevalidering
- Minimumslængde – Færrest tilladte tegn (validering)
- Maksimal længde – Flest tilladte tegn (hård grænse)
Standardværdier
- Standardværdi – Forudfyldt tekst, når formularen indlæses
- Skjult værdi – Værdi for skjulte felter (når skjult tilstand er aktiveret)
Sikkerhed og Privatliv
- Adgangskodefelt – Masker input som adgangskode (viser prikker •••)
Skjult felt – Gør feltet usynligt, men inkluder det i indsendelser
Datakvalitet
Fjern mellemrum – Fjern automatisk ekstra mellemrum fra begyndelsen og slutningen
Valideringsregler
- Valideringstype
- Ingen (enhver tekst)
- E -mail ([e-mail beskyttet])
- URL (https://example.com)
- Kun bogstaver (kun AZ)
- Kun tal (kun 0-9)
- Alfanumerisk (AZ og 0-9)
- Brugerdefineret mønster (regex)
- Brugerdefineret mønster – Regulært udtryk til brugerdefineret validering (når "Brugerdefineret" er valgt)
Inputtyper
- Input Type
- Normal tekst
- Søg (med ryd-knap)
- Telefon (numerisk tastatur på mobil)
- URL (specialiseret mobiltastatur)
Tekstformatering
- Tekst transformation
- Ingen transformation
- STORE BOGSTAVER
- små bogstaver
- Skriv det første bogstav med stort
- Titel sag
Betinget logik
- Aktivér betinget logik – Vis/skjul baseret på betingelser
- Logisk type
- Alle betingelser skal være opfyldt (OG)
- Enhver betingelse kan opfyldes (ELLER)
- Betingelsesregler
- Vis/Skjul – Handling der skal udføres
- Felt – Hvilket felt skal markeres
- Operator – Lig med, Ikke lig med, Indeholder, Større end, Mindre end, Er tom, Er ikke tom
- Værdi – Sammenligningsværdi
- Flere betingelser – Tilføj et ubegrænset antal regler
Avancerede indstillinger
- Brugerdefinerede CSS-klasser – Anvend brugerdefineret styling
- Tilgængelighedsattributter – ARIA-etiketter og beskrivelser
Hvorfor vælge vores tekstindtastningsfelt?
✅ Alsidig – Fungerer til navne, koder, adgangskoder og alt derimellem
✅ Smart validering – 6+ valideringsmønstre plus brugerdefineret regex
✅ Mobiloptimeret – Passende tastaturer til hver inputtype
✅ Automatisk formatering – Teksttransformation sker automatisk
✅ Sikker – Adgangskodetilstand beskytter følsomme oplysninger
✅ Rens data – Fjernelse af mellemrum forhindrer almindelige fejl
✅ Fleksibel – Skjulte felter, standardværdier, betinget logik
✅ Brugervenlig – Tydelige valideringsmeddelelser vejleder brugerne
✅ Fuldt integreret – Fungerer problemfrit med alle formularfunktioner
Ofte stillede spørgsmål
Q: Hvad er forskellen mellem min./maks. længde og validering?
Min./maks. længde styrer, hvor mange tegn der er tilladt. Validering styrer, hvilke tegn der er tilladt, f.eks. kun bogstaver, kun tal eller e-mailformat.
Q: Kan jeg validere både længde OG format?
Ja. Kombinér min./maks. længde med valideringsregler. Angiv f.eks. min. 3, maks. 15 og alfanumerisk validering for et brugernavnsfelt.
Q: Hvordan fungerer adgangskodetilstand?
Adgangskodetilstand maskerer tegn med prikker, ligesom typiske adgangskodefelter på loginskærme.
Q: Hvad gør "trim whitespace"?
Den fjerner foranstillede og bageste mellemrum før afsendelse, så utilsigtede mellemrum ikke forstyrrer valideringen.
Q: Kan jeg oprette brugerdefinerede valideringsmønstre?
Ja. Brug "Brugerdefineret mønster" og tilføj et regulært udtryk for at håndhæve enhver struktur, du har brug for.
Q: Hvordan fungerer teksttransformationer?
Brugeren skriver normalt, og systemet transformerer teksten ved afsendelse, f.eks. ved at konvertere til store bogstaver eller store bogstaver.
Q: Hvad er søgeinputtypen til?
Den tilføjer en indbygget ryd-knap (X), så brugerne kan nulstille feltet med det samme, mens de søger.
Q: Hvorfor bruge inputtypen "tel"?
På mobilen åbner den et numerisk tastatur for at gøre det nemmere at indtaste telefonlignende cifre.
Q: Kan jeg bruge betinget logik med tekstfelter?
Ja. Betingelser som "Indeholder", "Er lig med" eller "Er tom" giver dig mulighed for at vise eller skjule felter baseret på brugerinput.
Q: Hvad bruges skjulte felter til?
De lagrer data uden at være synlige for brugeren, hvilket er nyttigt til sporing af metadata såsom UTM-tags eller henvisningskilder.
Q: Kan tekstfelter bruges til tal?
Ja, men brug feltet Tal til beregning eller numerisk validering. Brug Tekst med "Kun tal", når du har brug for koder eller ID'er, der ikke skal behandles som tal.
Q: Hvor præcise kan regex-mønstre være?
Regex kan håndhæve ekstremt specifikke mønstre. Brug en regex-tester, hvis du har brug for at bygge eller verificere komplekse mønstre.
