Szövegbeviteli mező
Gyűjtsön szöveget pontosan és rugalmasan. Az egyszerű nevektől az összetett mintákig beépített érvényesítéssel, intelligens formázással és hatékony testreszabással – a szövegbeviteli mező bármilyen felhasználási esethez alkalmazkodik karakterkorlátokkal, automatikus formázással és biztonságos jelszó módokkal.
Minden WordPress űrlap alapja
Tökéletes:
Hatékony funkciók minden felhasználási esetre
📏 Intelligens hosszszabályozás
Minimum és maximális karakterkorlát
Állítsa be a legrövidebb és leghosszabb megengedett szöveges bejegyzéseket. A beépített böngésző-ellenőrzéssel megakadályozhatja a túl rövid vagy túl hosszú beküldéseket.
Valós idejű érvényesítés
A felhasználók azonnali visszajelzést kapnak, ha a pályaművük nem felel meg a hosszúsági követelményeknek – a beküldés után nincsenek meglepetések.
Példák:
- Felhasználónév: Min. 3, Max. 20 karakter
- Irányítószám: Min. 5, Max. 10 karakter
- Név: Min. 2, Max. 50 karakter
- Megjegyzés: Max. 500 karakter
Miért számít:
Szabályozza az adatminőséget, előzze meg a spam terjedését, biztosítsa az adatbázis-kompatibilitást, és vezesse a felhasználókat a megfelelő mennyiségű információ megadásához.
✅ Beépített érvényesítési minták
6 előre konfigurált érvényesítési típus:
- 1. Nincs – Bármely szöveg elfogadása (alapértelmezett)
2. E-mail – Ellenőrzi a megfelelő e-mail formátumot ([e-mail védett])
3. URL – Érvényes webcímeket igényel (https://example.com)
4. Csak betűk – Csak betűk és szóközök (John Doe)
5. Csak számok – Csak numerikus számjegyek (123456)
6. Alfanumerikus – Betűk és számok, speciális karakterek nélkül (User123)
Plusz egyedi minták:
- Definiáld a saját reguláris kifejezés-érvényesítésedet speciális formátumokhoz, mint például:
- Rendszámok: `^[AZ]{3}[0-9]{4}$`
- Termékkódok: `^[AZ]{2}[0-9]{6}$`
- Vállalkozására jellemző egyedi formátumok
Azonnali visszajelzés:
A felhasználók egyértelmű hibaüzeneteket látnak, ha a bevitelük nem egyezik a szükséges formátummal.
✂️ Automatikus szóközök vágása
Adatok automatikus tisztítása
Távolítsa el a véletlenül beírt szóközöket a szövegbejegyzések elejéről és végéről. Nincs többé „John”, ha csak „John”-t szeretne.
Használási esetek:
- E-mail címek (szóközök nélkül)
- Felhasználónevek (szóközök nélkül)
- Referenciakódok (pontos egyezések)
- Bármely területen, ahol a pontosság számít
Előnyök:
Csökkenti a felhasználói hibákat, javítja az adatkonzisztenciát, megelőzi az érvényesítési problémákat, és leegyszerűsíti az egyeztetést és a keresést.
🔒 Jelszó mód
Biztonságos bemeneti maszkolás
Bármely szövegmezőt jelszómezővé alakíthat. A karakterek pontokként (•••) jelennek meg, hogy megvédjék az érzékeny információkat a véletlenül szörfölőktől.
Tökéletes:
- Jelszó és PIN kód megadása
- Biztonsági kódok és tokenek
- Bizalmas azonosító számok
- Kétfaktoros hitelesítési kódok
Okos viselkedés:
A jelszó mód automatikusan letiltja az ütköző funkciókat, például a szövegátalakítást és a speciális beviteli típusokat a biztonság érdekében.
📱 Intelligens beviteli típusok
Mobilra és asztali számítógépre optimalizálva:
- Normál szöveg – Általános használatra szánt szabványos szövegbevitel
- Keresés – Beépített törlés gombbal (X) gyors alaphelyzetbe állításhoz
- Telefon – A könnyebb telefonszám-bevitel érdekében aktiválja a numerikus billentyűzetet a mobileszközökön
- URL – Megjeleníti a speciális mobil billentyűzetet .com és .org gyorsbillentyűkkel
Miért számít:
A megfelelő beviteli típus felgyorsítja az adatbevitelt mobilon, csökkenti a hibákat, és javítja a felhasználói élményt minden eszközön.
🎨 Automatikus szövegátalakítás
Szöveg formázása a felhasználók gépelésének megfelelően:
- Nincs átalakítás – A szöveg pontosan úgy marad, ahogyan beírtad
- NAGYBETŰS – Az összes szöveget nagybetűvé alakítja (JOHN DOE)
- kisbetűs – Az összes szöveget kisbetűsre konvertálja (john doe)
- Nagybetűs első betű – Csak az első betű nagybetű (John doe)
- Cím kis- és nagybetűje – Minden szó első betűje (John Doe)
Tökéletes:
- NAGYBETŰS: Rendszámtáblák, államkódok, termékazonosítók
- kisbetűs: E-mail címek, felhasználónevek
- Nagybetűs írásmód: Mondatkezdések, egyes nevek
- Cím nagybetűje: Teljes nevek, címek, titulusok
Okos viselkedés:
Az átalakítás automatikusan megtörténik a beküldés során, miközben a felhasználók látják az eredeti bemenetüket.
🙈 Rejtett mező mód
Láthatatlan adatmezők
Hozz létre olyan mezőket, amelyek nem láthatók a felhasználók számára, de adatokat küldhetsz be az űrlappal. Tökéletes nyomon követéshez, hivatkozási kódokhoz és rendszerértékekhez.
Használási esetek:
- UTM követési paraméterek
- Hivatkozási forrásazonosítók
- Űrlap verziószámai
- Időbélyegző jelölők
- Rejtett metaadatok
Hogyan működik:
Állítsd be a „Rejtett értéket”, és az automatikusan bekerül minden beküldött űrlapba anélkül, hogy eltorzítaná az űrlap felhasználói felületét.
🔀 Feltételes logika
Dinamikus mező láthatósága
Szövegmezők megjelenítése vagy elrejtése más űrlapértékek alapján. Intelligens űrlapok létrehozása, amelyek alkalmazkodnak a felhasználói bevitelhez.
Haladó logikai szabályok:
- ÉS Logika – Minden feltételnek teljesülnie kell
- VAGY logika – Bármely feltétel kiválthatja a műveletet
- 8 operátor – Egyenlő, Nem egyenlő, Nagyobb, mint, Kisebb, Tartalmaz, Üres és egyebek
Használási esetek:
- A „Cégnév” mező csak akkor jelenik meg, ha a felhasználó típusa „Vállalkozás”
- „Ajánló forrás” megjelenítése, ha a „Hogyan hallott rólunk?” mező tartalmazza az „Ajánló” kifejezést
- Az „Egyéb részletek” elrejtése, ha az elsődleges opció nem üres
- „Promóciós kód” megjelenítése, ha a rendelés értéke meghaladja a 100 dollárt
🎯 Továbbfejlesztett felhasználói élmény
Beépített intelligens funkciók:
- Alapértelmezett értékek – A mezők előre kitöltése a kitöltés felgyorsítása érdekében
- Helyőrző szöveg – Hasznos tippeket jelenít meg a felhasználók gépelése előtt
- Súgószöveg – Adjon hozzá leírásokat a beírandó szöveg pontosításához
- Kötelező érvényesítés – A mezők kitöltése kötelező, egyértelmű jelzőkkel.
- Egyéni CSS osztályok – Alkalmazzon egyedi stílusokat a márkájához igazítva
- Akadálymentesítési támogatás – ARIA címkék képernyőolvasókhoz
- Mobilra optimalizált – Érintésbarát beviteli módok megfelelő billentyűzetekkel
Egyszerű beállítás 3 lépésben
Készítse elő szövegbeviteli mezőjét percek alatt
Adja hozzá a szövegmezőt
Húzd át a Szövegbeviteli mezőt az Alapmezők szakaszból az űrlapodba.
Érvényesítés és korlátok beállítása
Válassza ki az érvényesítés típusát (e-mail, URL, betűk stb.), állítsa be a minimális/maximális karakterkorlátokat, és opcionálisan engedélyezze a jelszó módot vagy a szóközök levágását.
Formázás konfigurálása
Válassza ki a mobiloptimalizáláshoz használt beviteli típust, válassza ki a szövegátalakítást (nagybetű, kisbetű stb.), és állítsa be az alapértelmezett értékeket vagy helyőrzőket.
???? Kész is! A szövegmeződ készen áll az intelligens érvényesítéssel és formázással.
Valós alkalmazások
Felhasználó regisztráció
* Felhasználónév mezők hosszkorláttal
* Jelszóbevitel maszkolással
* Névmezők címformátummal (nagybetűs/nagybetűs)
* Érvényesítéssel ellátott e-mail címek
Kapcsolattartási űrlapok
* Teljes név, kis- és nagybetűvel írva
* E-mail érvényesítés
* Telefonszámok tel bemenettel
* Üzenet/megjegyzés mezők
E-commerce
* Promóciós kód megadása (nagybetűvel)
* Ajándéküzenet mezők
* Különleges utasítások
* Szállítási megjegyzések
Üzleti alkalmazások
* Alkalmazotti azonosító számok
* Osztályok nevei
* Hivatkozási számok
* Belső kódok
Jelentkezések és regisztráció
* Rendszámok
* Tanúsítási kódok
* Tagsági azonosítók
* Egyéni azonosítók
Keresés és szűrés
* Keresési bevitel törlés gombbal
* Szövegmezők szűrése
* Kulcsszóbejegyzések
* Lekérdezési bemenetek
Teljes mezőbeállítások
Alapvető konfiguráció
- Mezőcímke – A szövegmező felett megjelenő cím
- Leírás/Súgószöveg – További útmutatás a felhasználóknak
- Kötelező mező – A szöveg megadása kötelező
- Helyőrző szöveg – Tipp szöveg a gépelés előtt
Hosszérvényesítés
- Minimális hossz – A legkevesebb megengedett karakter (érvényesítés)
- Maximális hossz – A legtöbb karakter megengedett (kemény korlát)
Alapértelmezett értékek
- Alapértelmezett érték – Előre kitöltött szöveg az űrlap betöltésekor
- Rejtett érték – Rejtett mezők értéke (ha a rejtett mód engedélyezve van)
Biztonság és adatvédelem
- Jelszó mező – A beviteli mezőt jelszóként maszkolja (pontokat mutat •••)
Rejtett mező – A mező láthatatlanná tétele, de a beküldésekben való szerepeltetés
Adatminőség
Térközök vágása – Automatikusan eltávolítja a felesleges szóközöket az elejéről és a végéről
Érvényesítési szabályok
- Érvényesítési típus
- Nincs (bármilyen szöveg)
- E -mail ([e-mail védett])
- URL (https://example.com)
- Csak betűk (csak A-tól Z-ig)
- Csak számok (csak 0-9)
- Alfanumerikus (AZ és 0-9)
- Egyéni minta (regex)
- Egyéni minta – Reguláris kifejezés egyéni ellenőrzéshez (ha az „Egyéni” van kiválasztva)
Bemeneti típusok
- Bemeneti típus
- NormálSzöveg
- Keresés (törlés gombbal)
- Telefon (számbillentyűzet mobilon)
- URL (speciális mobil billentyűzet)
Szöveg formázása
- Szöveg átalakítása
- Nincs átalakulás
- NAGYBETŰS
- kisbetűs
- Nagybetűs első betű
- Cím Case
Feltételes logika
- Feltételes logika engedélyezése – Megjelenítés/elrejtés feltételek alapján
- Logikai típus
- Minden feltételnek teljesülnie kell (ÉS)
- Bármely feltétel teljesíthető (VAGY)
- Feltételszabályok
- Megjelenítés/elrejtés – Végrehajtandó művelet
- Mező – Melyik mezőt kell ellenőrizni
- Operátorok – Egyenlő, Nem egyenlő, Tartalmaz, Nagyobb, mint, Kisebb, Üres, Nem üres
- Érték – Összehasonlítási érték
- Több feltétel – Korlátlan számú szabály hozzáadása
Speciális beállítások
- Egyéni CSS osztályok – Egyéni stílus alkalmazása
- Akadálymentesítési attribútumok – ARIA címkék és leírások
Miért válassza a szövegbeviteli mezőnket?
✅ Sokoldalú – Nevek, kódok, jelszavak és minden más esetén használható
✅ Intelligens validáció – 6+ validációs minta plusz egyéni reguláris kifejezés
✅ Mobilra optimalizált – Minden beviteli típushoz megfelelő billentyűzet
✅ Automatikus formázás – A szöveg átalakítása automatikusan megtörténik
✅ Biztonságos – A jelszó mód védi az érzékeny információkat
✅ Tiszta adatok – A szóközök törlése megakadályozza a gyakori hibákat
✅ Rugalmas – Rejtett mezők, alapértelmezett értékek, feltételes logika
✅ Felhasználóbarát – Világos érvényesítési üzenetek vezetik a felhasználókat
✅ Teljesen integrált – Zökkenőmentesen működik az összes űrlapfunkcióval
Gyakran ismételt kérdések
K: Mi a különbség a min/max hossz és az érvényesítés között?
A minimális/maximális hossz szabályozza a megengedett karakterek számát. Az érvényesítés szabályozza, hogy mely karakterek engedélyezettek, például csak betűk, csak számok vagy e-mail formátum.
K: Érvényesíthetem mind a hosszát, MIND a formátumát?
Igen. Kombinálja a min/max hosszt az érvényesítési szabályokkal. Például állítson be min 3-at, max 15-öt és alfanumerikus érvényesítést egy felhasználónév mezőhöz.
K: Hogyan működik a jelszó mód?
A jelszó mód pontokkal maszkolja a karaktereket, akárcsak a bejelentkezési képernyőkön található tipikus jelszómezők.
K: Mit csinál a „szóközök vágása” funkció?
Eltávolítja a kezdő és záró szóközöket a beküldés előtt, így a véletlen szóközök nem szakítják meg az ellenőrzést.
K: Létrehozhatok egyéni érvényesítési mintákat?
Igen. Használjon „Egyéni minta” lehetőséget, és adjon hozzá egy reguláris kifejezést a szükséges struktúra kikényszerítéséhez.
K: Hogyan működnek a szövegátalakítások?
A felhasználó a szokásos módon gépel, és a rendszer átalakítja a szöveget beküldéskor, például nagybetűsre vagy NAGYBETŰSRE konvertálja.
K: Mire szolgál a keresési beviteli típus?
Beépített törlés (X) gombbal rendelkezik, így a felhasználók keresés közben azonnal visszaállíthatják a mezőt.
K: Miért érdemes a „tel” beviteli típust használni?
Mobilon egy numerikus billentyűzet nyílik meg, amely megkönnyíti a telefonstílusú számjegyek bevitelét.
K: Használhatok feltételes logikát szövegmezőkkel?
Igen. Az olyan feltételek, mint a „Tartalmaz”, az „Egyenlő” vagy az „Üres”, lehetővé teszik a mezők megjelenítését vagy elrejtését a felhasználói bevitel alapján.
K: Mire használják a rejtett mezőket?
Az adatokat a felhasználó számára láthatatlanul tárolják, ami hasznos metaadatok, például UTM-címkék vagy hivatkozási források nyomon követéséhez.
K: Használhatók szövegmezők számokhoz?
Igen, de a Szám mezőt használja számításhoz vagy numerikus ellenőrzéshez. Használja a „Csak számok” szöveget, ha olyan kódokra vagy azonosítókra van szüksége, amelyeket nem szabad számként kezelni.
K: Mennyire pontosak lehetnek a reguláris kifejezések mintái?
A reguláris kifejezések rendkívül specifikus mintákat tudnak kikényszeríteni. Használj reguláris kifejezés tesztelőt, ha összetett mintákat kell létrehoznod vagy ellenőrizned.
