Textinmatningsfält
Samla in text med precision och flexibilitet. Från enkla namn till komplexa mönster med inbyggd validering, smart formatering och kraftfull anpassning – textinmatningsfältet anpassar sig till alla användningsfall med teckenbegränsningar, automatisk formatering och säkra lösenordslägen.
Grunden för varje WordPress-formulär
Perfekt för:
Kraftfulla funktioner för alla användningsfall
📏 Smart längdkontroll
Minsta och högsta teckengräns
Ställ in de kortaste och längsta tillåtna textposterna. Förhindra inlägg som är för korta eller för långa med inbyggd webbläsarvalidering.
Realtidsvalidering
Användare får omedelbar feedback om deras bidrag inte uppfyller längdkraven – inga överraskningar efter inskick.
Exempel:
- Användarnamn: Minst 3, Max 20 tecken
- Postnummer: Minst 5, Max 10 tecken
- Namn: Minst 2, Max 50 tecken
- Kommentar: Max 500 tecken
Varför det gäller:
Kontrollera datakvaliteten, förhindra skräppost, säkerställa databasekompatibilitet och vägled användarna att tillhandahålla rätt mängd information.
✅ Inbyggda valideringsmönster
6 förkonfigurerade valideringstyper:
- 1. Ingen – Acceptera valfri text (standard)
2. E-post – Validerar korrekt e-postformat ([e-postskyddad])
3. URL – Kräver giltiga webbadresser (https://example.com)
4. Endast bokstäver – Endast alfabetiska tecken och mellanslag (John Doe)
5. Endast siffror – Endast numeriska siffror (123456)
6. Alfanumerisk – Bokstäver och siffror, inga specialtecken (Användare123)
Plus anpassade mönster:
- Definiera din egen regex-validering för specialiserade format som:
- Registreringsskyltar: `^[AZ]{3}[0-9]{4}$`
- Produktkoder: `^[AZ]{2}[0-9]{6}$`
- Anpassade format unika för ditt företag
Omedelbar feedback:
Användare ser tydliga felmeddelanden om deras inmatning inte matchar det önskade formatet.
✂️ Automatisk borttagning av blanksteg
Rensa data automatiskt
Ta bort oavsiktliga mellanslag från början och slutet av textinmatningar. Inget mer "John" när du vill ha "John".
Använd fall:
- E-postadresser (inga mellanslag)
- Användarnamn (inga inledande mellanslag)
- Referenskoder (exakta matchningar)
- Alla områden där precision är viktigt
Fördelar:
Minskar användarfel, förbättrar datakonsistensen, förhindrar valideringsproblem och förenklar matchning och sökning.
🔒 Lösenordsläge
Säker inmatningsmaskering
Omvandla valfritt textfält till ett lösenordsfält. Tecken visas som punkter (•••) för att skydda känslig information från obehöriga.
Perfekt för:
- Lösenords- och PIN-inmatningar
- Säkerhetskoder och tokens
- Konfidentiella ID-nummer
- Tvåfaktors autentiseringskoder
Smart beteende:
Lösenordsläget inaktiverar automatiskt motstridiga funktioner som textomvandling och speciella inmatningstyper för att garantera säkerheten.
📱 Smarta inmatningstyper
Optimerad för mobil och dator:
- Normal text – Standardtextinmatning för allmänt bruk
- Sök – Inkluderar inbyggd återställningsknapp (X) för snabb återställning
- Telefon – Aktiverar det numeriska tangentbordet på mobila enheter för enklare inmatning av telefonnummer
- URL – Visar specialiserat mobilt tangentbord med genvägar för .com och .org
Varför det gäller:
Rätt inmatningstyp snabbar upp datainmatningen på mobilen, minskar fel och förbättrar användarupplevelsen på alla enheter.
🎨 Automatisk textomvandling
Formatera text när användare skriver:
- Ingen omvandling – Texten förblir exakt som den skrivits in
- VERSALER – Konverterar all text till versaler (John Doe)
- gemener – Konverterar all text till gemener (John Doe)
- Stor första bokstav – Endast första bokstaven med stor bokstav (John Doe)
- Titel Case – Första bokstaven i varje ord (John Doe)
Perfekt för:
- VERSALER: Registreringsskyltar, delstatskoder, produkt-ID:n
- gemener: E-postadresser, användarnamn
- Storleksförstoring: Meningsbörjan, enskilda namn
- Titelfall: Fullständiga namn, adresser, titlar
Smart beteende:
Transformationen sker automatiskt under inlämningen medan användarna ser sin ursprungliga inmatning.
🙈 Dolt fältläge
Osynliga datafält
Skapa fält som inte är synliga för användare men som skickar in data med formuläret. Perfekt för spårning, hänvisningskoder och systemvärden.
Använd fall:
- UTM-spårningsparametrar
- Hänvisningskällans ID:n
- Formulärversionsnummer
- Tidsstämpelmarkörer
- Dolda metadata
Så fungerar det:
Ställ in det "dolda värdet" så inkluderas det automatiskt i varje formulärinlämning utan att det blir rörigt i formulärets användargränssnitt.
🔀 Villkorlig logik
Dynamisk fältsynlighet
Visa eller dölj textfält baserat på andra formulärvärden. Skapa intelligenta formulär som anpassar sig till användarinmatning.
Avancerade logiska regler:
- OCH-logik – Alla villkor måste vara uppfyllda
- ELLER-logik – vilket villkor som helst kan utlösa åtgärden
- 8 operatorer – Lika med, Inte lika med, Större än, Mindre än, Innehåller, Är tom och mer
Använd fall:
- Visa endast ”Företagsnamn” när användartypen är lika med ”Företag”
- Visa ”Remisskälla” när ”Hur hörde du talas om oss?” innehåller ”Remiss”
- Dölj "Övriga detaljer" när det primära alternativet inte är tomt
- Visa "Kampanjkod" när ordervärdet är större än 100 dollar
🎯 Förbättrad användarupplevelse
Inbyggda smarta funktioner:
- Standardvärden – Förifyll fält för att påskynda slutförandet
- Platshållartext – Visa användbara tips innan användare skriver
- Hjälptext – Lägg till beskrivningar för att förtydliga vad som ska anges
- Obligatorisk validering – Gör fält obligatoriska med tydliga indikatorer
- Anpassade CSS-klasser – Använd anpassad stil som matchar ditt varumärke
- Tillgänglighetsstöd – ARIA-etiketter för skärmläsare
- Mobiloptimerad – Pekvänlig inmatning med lämpliga tangentbord
Enkel installation i 3 steg
Få ditt textinmatningsfält klart på några minuter
Lägg till textfältet
Dra och släpp textinmatningsfältet från avsnittet Grundläggande fält till ditt formulär.
Ställ in validering och gränser
Välj valideringstyp (e-post, URL, bokstäver etc.), ange min/max teckengränser och aktivera eventuellt lösenordsläge eller rensning av blanksteg.
Konfigurera formatering
Välj inmatningstyp för mobiloptimering, välj textomvandling (versaler, gemener osv.) och ange standardvärden eller platshållare.
???? Det var allt! Ditt textfält är klart med smart validering och formatering.
Verkliga applikationer
Användarregistrering
* Användarnamnsfält med längdbegränsningar
* Lösenordsinmatningar med maskering
* Namnfält med formatering för versaler och gemener
* E-postadresser med validering
Kontaktformulär
* Fullständigt namn med titelbokstäver
* E-postvalidering
* Telefonnummer med tel-inmatning
* Meddelande-/kommentarfält
E-handel
* Inmatning av kampanjkod (versaler)
* Fält för presentmeddelanden
* Särskilda instruktioner
* Fraktsedel
Business Applications
* Anställdas ID-nummer
* Avdelningsnamn
* Referensnummer
* Interna koder
Ansökningar och registrering
* Registreringsnummer
* Certifieringskoder
* Medlems-ID:n
* Anpassade identifierare
Sök och filtrering
* Sök inmatning med rensningsknappen
* Filtrera textfält
* Nyckelordsinmatningar
* Frågeinmatningar
Alternativ för kompletta fält
Grundläggande konfiguration
- Fältetikett – Titeln som visas ovanför textfältet
- Beskrivning/hjälptext – Ytterligare vägledning för användare
- Obligatoriskt fält – Gör textinmatning obligatorisk
- Platshållartext – Tipstext innan användare skriver
Längdvalidering
- Minimilängd – Få tecken tillåtna (validering)
- Maximal längd – Flest tillåtna tecken (hård gräns)
Ursprungliga värden
- Standardvärde – Förifylld text när formuläret laddas
- Dolt värde – Värde för dolda fält (när dolt läge är aktiverat)
Säkerhet & Sekretess
- Lösenordsfält – Maskera inmatning som lösenord (visar punkter •••)
Dolt fält – Gör fältet osynligt men inkludera det i bidrag
Datakvalitet
Trimma mellanslag – Ta bort extra mellanslag från början och slut automatiskt
Valideringsregler
- Valideringstyp
- Ingen (valfri text)
- E -post ([e-postskyddad])
- URL (https://example.com)
- Endast bokstäver (endast AZ)
- Endast siffror (endast 0-9)
- Alfanumerisk (AZ och 0-9)
- Anpassat mönster (regex)
- Anpassat mönster – Reguljärt uttryck för anpassad validering (när "Anpassad" är valt)
Inmatningstyper
- Typ av ineffekt
- Normaltext
- Sök (med rensningsknappen)
- Telefon (numeriskt tangentbord på mobilen)
- URL (specialiserat mobilt tangentbord)
Textformatering
- Textomvandling
- Ingen omvandling
- VERSAL
- små bokstäver
- Stor första bokstav
- Titelfall
Villkorad logik
- Aktivera villkorlig logik – Visa/dölj baserat på villkor
- Logik typ
- Alla villkor måste vara uppfyllda (OCH)
- Vilket villkor som helst kan uppfyllas (ELLER)
- Villkorsregler
- Visa/Dölj – Åtgärd att vidta
- Fält – Vilket fält som ska kontrolleras
- Operator – Lika med, Inte lika med, Innehåller, Större än, Mindre än, Är tom, Är inte tom
- Värde – Jämförelsevärde
- Flera villkor – Lägg till obegränsat antal regler
Avancerade alternativ
- Anpassade CSS-klasser – Använd anpassad styling
- Tillgänglighetsattribut – ARIA-etiketter och beskrivningar
Varför välja vårt textinmatningsfält?
✅ Mångsidig – Fungerar för namn, koder, lösenord och allt däremellan
✅ Smart validering – 6+ valideringsmönster plus anpassad regex
✅ Mobiloptimerad – Lämpliga tangentbord för varje inmatningstyp
✅ Automatisk formatering – Textomvandling sker automatiskt
✅ Säkert – Lösenordsläge skyddar känslig information
✅ Rensa data – Trimning av blanksteg förhindrar vanliga fel
✅ Flexibel – Dolda fält, standardvärden, villkorlig logik
✅ Användarvänlig – Tydliga valideringsmeddelanden vägleder användarna
✅ Helt integrerat – Fungerar sömlöst med alla formulärfunktioner
Vanliga frågor
F: Vad är skillnaden mellan min/max längd och validering?
Min/max längd styr hur många tecken som är tillåtna. Validering styr vilka tecken som är tillåtna, till exempel endast bokstäver, endast siffror eller e-postformat.
F: Kan jag validera både längd OCH format?
Ja. Kombinera min/max längd med valideringsregler. Ställ till exempel in min 3, max 15 och alfanumerisk validering för ett användarnamnsfält.
F: Hur fungerar lösenordsläget?
Lösenordsläget maskerar tecken med punkter, precis som vanliga lösenordsfält på inloggningsskärmar.
F: Vad gör ”trimma blanksteg”?
Den tar bort inledande och efterföljande mellanslag före inskickning så att oavsiktliga mellanslag inte bryter mot valideringen.
F: Kan jag skapa anpassade valideringsmönster?
Ja. Använd "Anpassat mönster" och lägg till ett reguljärt uttryck för att framtvinga den struktur du behöver.
F: Hur fungerar textomvandlingar?
Användaren skriver normalt, och systemet omvandlar texten vid inskickning, till exempel till versaler eller versaler.
F: Vad är sökinmatningstypen för?
Den lägger till en inbyggd rensningsknapp (X) så att användare kan återställa fältet direkt under sökningen.
F: Varför ska man använda inmatningstypen ”tel”?
På mobilen öppnas ett numeriskt tangentbord för att göra det enklare att ange telefonliknande siffror.
F: Kan jag använda villkorlig logik med textfält?
Ja. Villkor som "Innehåller", "Lika med" eller "Är tom" låter dig visa eller dölja fält baserat på användarinmatning.
F: Vad används dolda fält till?
De lagrar data utan att vara synliga för användaren, vilket är användbart för att spåra metadata som UTM-taggar eller hänvisningskällor.
F: Kan textfält användas för siffror?
Ja, men använd fältet Nummer för beräkning eller numerisk validering. Använd text med "Endast nummer" när du behöver koder eller ID:n som inte ska behandlas som nummer.
F: Hur exakta kan regex-mönster vara?
Regex kan framtvinga extremt specifika mönster. Använd en regex-testare om du behöver bygga eller verifiera komplexa mönster.
