Teksto įvesties laukas
Rinkite tekstą tiksliai ir lanksčiai. Nuo paprastų pavadinimų iki sudėtingų šablonų su integruotu patvirtinimu, išmaniuoju formatavimu ir galingu pritaikymu – teksto įvesties laukas prisitaiko prie bet kokio naudojimo atvejo su simbolių apribojimais, automatiniu formatavimu ir saugiais slaptažodžių režimais.
Kiekvienos „WordPress“ formos pagrindas
Apie tinkamumą ir panaudojimą:
Galingos funkcijos kiekvienam atvejui
📏 Išmanus ilgio valdymas
Minimalus ir maksimalus simbolių skaičius
Nustatykite trumpiausius ir ilgiausius leidžiamus teksto įrašus. Integruotas naršyklės patvirtinimas neleis pateikti per trumpų arba per ilgų tekstų.
Tikrinimas realiuoju laiku
Vartotojai iš karto gauna atsiliepimą, jei jų įrašas neatitinka ilgio reikalavimų – jokių netikėtumų po pateikimo.
Pavyzdžiai:
- Vartotojo vardas: Min. 3, Max. 20 simbolių
- Pašto kodas: min. 5, maks. 10 simbolių
- Vardas: Min. 2, Max. 50 simbolių
- Komentaras: daugiausia 500 simbolių
Kodėl tai svarbu:
Kontroliuokite duomenų kokybę, užkirskite kelią šlamštui, užtikrinkite duomenų bazės suderinamumą ir padėkite vartotojams pateikti reikiamą informacijos kiekį.
✅ Integruoti patvirtinimo šablonai
6 iš anksto sukonfigūruoti patvirtinimo tipai:
- 1. Nėra – Priimti bet kokį tekstą (numatytasis nustatymas)
2. El. paštas – Patvirtina tinkamą el. pašto adreso formatą ([apsaugotas el. paštu])
3. URL – Reikalingi galiojantys interneto adresai (https://example.com)
4. Tik raidės – tik abėcėlės simboliai ir tarpai (John Doe)
5. Tik skaičiai – Tik skaitmenys (123456)
6. Raidės ir skaičiai – raidės ir skaičiai, be specialiųjų simbolių (User123)
Plius pasirinktiniai raštai:
- Apibrėžkite savo reguliariosios išraiškos patvirtinimą specializuotiems formatams, pvz.:
- Valstybiniai numeriai: `^[AZ]{3}[0-9]{4}$`
- Produktų kodai: `^[AZ]{2}[0-9]{6}$`
- Jūsų verslui unikalūs pasirinktiniai formatai
Momentiniai atsiliepimai:
Vartotojai mato aiškius klaidos pranešimus, jei jų įvesti duomenys neatitinka reikiamo formato.
✂️ Automatinis tarpų apkarpymas
Automatiškai valyti duomenis
Pašalinkite atsitiktinius tarpus teksto įrašų pradžioje ir pabaigoje. Nebereikia „Jono“, kai norite „Jono“.
Naudojimo atvejai:
- El. pašto adresai (be tarpų gale)
- Vartotojų vardai (be tarpų pradžioje)
- Nuorodų kodai (tikslūs atitikmenys)
- Bet kurioje srityje, kur svarbus tikslumas
Privalumai:
Sumažina naudotojų klaidų skaičių, pagerina duomenų nuoseklumą, apsaugo nuo patvirtinimo problemų ir supaprastina atitikmenų paiešką bei paiešką.
🔒 Slaptažodžio režimas
Saugus įvesties maskavimas
Bet kurį teksto lauką paverskite slaptažodžio lauku. Simboliai rodomi kaip taškai (•••), kad apsaugotų neskelbtiną informaciją nuo nepažįstamų žmonių.
Puikiai tinka:
- Slaptažodžio ir PIN kodo įvedimas
- Apsaugos kodai ir žetonai
- Konfidencialūs ID numeriai
- Dviejų veiksnių autentifikavimo kodai
Protingas elgesys:
Slaptažodžio režimas automatiškai išjungia konfliktines funkcijas, pvz., teksto transformavimą ir specialius įvesties tipus, siekiant užtikrinti saugumą.
📱 Išmaniųjų įvesties tipų
Optimizuota mobiliesiems ir stacionariems kompiuteriams:
- Įprastas tekstas – standartinė teksto įvestis bendram naudojimui
- Paieška – yra integruotas išvalymo mygtukas (X), skirtas greitam atstatymui
- Telefonas – aktyvuoja skaitmeninę klaviatūrą mobiliuosiuose įrenginiuose, kad būtų lengviau įvesti telefono numerį
- URL – Rodo specializuotą mobiliąją klaviatūrą su .com, .org sparčiaisiais klavišais
Kodėl tai svarbu:
Tinkamas įvesties tipas pagreitina duomenų įvedimą mobiliuosiuose įrenginiuose, sumažina klaidų skaičių ir pagerina naudotojo patirtį visuose įrenginiuose.
🎨 Automatinis teksto transformavimas
Formatuoti tekstą taip, kaip jį įveda vartotojai:
- Be transformacijos – tekstas lieka tiksliai toks, koks įvestas
- DIDŽIOSIOMIS RAIDĖMIS – Visą tekstą konvertuoja į didžiąsias raides (JOHN DOE)
- mažosios raidės – visą tekstą konvertuoja į mažąsias raides (john doe)
- Didžioji pirmoji raidė – tik pirmoji raidė didžiosiomis raidėmis (John doe)
- Pavadinimo didžioji ir mažoji raidė – kiekvieno žodžio pirmoji raidė (John Doe)
Puikiai tinka:
- DIDŽIOSIOMIS RAIDĖMIS: numerio ženklai, valstijų kodai, produktų ID
- mažosios raidės: el. pašto adresai, vartotojo vardai
- Didžioji raidė: sakinio pradžia, pavieniai vardai
- Titulų didžiosios ir mažosios raidės: Vardai ir pavardės, adresai, titulai
Protingas elgesys:
Transformacija įvyksta automatiškai pateikimo metu, o vartotojai mato savo pradinę įvestį.
🙈 Paslėpto lauko režimas
Nematomi duomenų laukai
Kurkite laukus, kurie nėra matomi vartotojams, bet duomenis pateikite naudodami formą. Puikiai tinka stebėjimui, nukreipimo kodams ir sistemos reikšmėms.
Naudojimo atvejai:
- UTM sekimo parametrai
- Nuorodų šaltinių ID
- Formos versijų numeriai
- Laiko žymų žymekliai
- Paslėpti metaduomenys
Kaip tai veikia:
Nustatykite „Paslėptą reikšmę“ ir ji bus automatiškai įtraukta į kiekvieną pateiktą formą, neužgriozdinant formos vartotojo sąsajos.
🔀 Sąlyginė logika
Dinaminio lauko matomumas
Rodyti arba slėpti teksto laukus pagal kitas formos reikšmes. Kurti išmaniąsias formas, kurios prisitaiko prie vartotojo įvesties.
Išplėstinės logikos taisyklės:
- IR logika – turi būti įvykdytos visos sąlygos
- ARBA logika – bet kokia sąlyga gali sukelti veiksmą
- 8 operatoriai – lygu, ne lygu, didesnis nei, mažesnis nei, yra, tuščias ir kt.
Naudojimo atvejai:
- Rodyti „Įmonės pavadinimą“ tik tada, kai naudotojo tipas yra „Verslas“
- Rodyti „Nukreipimo šaltinis“, kai „Kaip apie mus sužinojote?“ yra „Nukreipimas“
- Slėpti „Kita informacija“, kai pagrindinė parinktis nėra tuščia
- Rodyti „Reklamos kodą“, kai užsakymo vertė didesnė nei 100 USD
🎯 Patobulinta naudotojo patirtis
Integruotos išmaniosios funkcijos:
- Numatytosios reikšmės – iš anksto užpildykite laukus, kad pagreitintumėte užbaigimą
- Vietos rezervavimo tekstas – rodyti naudingus patarimus prieš vartotojams rašant
- Pagalbos tekstas – pridėkite aprašymus, kad būtų aiškiau, ką įvesti
- Privalomas patvirtinimas – padarykite laukus privalomus su aiškiais indikatoriais
- Pasirinktinės CSS klasės – pritaikykite pasirinktinį stilių, kad jis atitiktų jūsų prekės ženklą
- Pritaikymo neįgaliesiems palaikymas – ARIA etiketės ekrano skaitytuvams
- Optimizuota mobiliesiems įrenginiams – lietimui jautri įvestis su atitinkamomis klaviatūromis
Paprastas nustatymas 3 žingsniais
Paruoškite teksto įvesties lauką per kelias minutes
Pridėti teksto lauką
Nuvilkite teksto įvesties lauką iš pagrindinių laukų skyriaus į savo formą.
Nustatykite patvirtinimą ir ribas
Pasirinkite patvirtinimo tipą (el. paštas, URL, raidės ir kt.), nustatykite minimalų/maksimalų simbolių skaičių ir pasirinktinai įjunkite slaptažodžio režimą arba tarpų karpymą.
Formatavimo konfigūravimas
Pasirinkite įvesties tipą mobiliųjų įrenginių optimizavimui, pasirinkite teksto transformaciją (didžiosios, mažosios ir kt.) ir nustatykite numatytąsias reikšmes arba vietos rezervavimo ženklus.
???? Štai ir viskas! Jūsų teksto laukas paruoštas su išmaniuoju patvirtinimu ir formatavimu.
Realaus pasaulio programos
Vartotojo registracija
* Vartotojo vardo laukai su ilgio apribojimais
* Slaptažodžių įvedimas su maskavimu
* Vardo laukai su didžiųjų ir mažųjų raidžių formatavimu antraštės pavadinimui *
* El. pašto adresai su patvirtinimu
Kontaktai formos
* Pilnas vardas ir pavardė (prisiminimai)
* El. pašto patvirtinimas
* Telefono numeriai su telefono įvestimi
* Pranešimų / komentarų laukai
E-komercija
* Reklamos kodo įvedimas (didžiosiomis raidėmis)
* Dovanų žinučių laukai
* Specialios instrukcijos
* Siuntimo pastabos
Verslo programos
* Darbuotojų ID numeriai
* Skyrių pavadinimai
* Nuorodos numeriai
* Vidiniai kodai
Paraiškos ir registracija
* Licencijų numeriai
* Sertifikavimo kodai
* Narystės ID
* Pasirinktiniai identifikatoriai
Paieška ir filtravimas
* Paieškos įvestis su išvalymo mygtuku
* Filtruoti teksto laukus
* Raktinių žodžių įrašai
* Užklausos įvesties duomenys
Užpildykite lauko parinktis
Pagrindinė konfigūracija
- Lauko žymė – pavadinimas, rodomas virš teksto lauko
- Aprašymas / pagalbos tekstas – papildomos gairės vartotojams
- Privalomas laukas – teksto įvedimas yra privalomas
- Vietos rezervavimo tekstas – užuomina prieš vartotojams rašant tekstą
Ilgio patvirtinimas
- Minimalus ilgis – leidžiamas mažiausias simbolių skaičius (patvirtinimas)
- Maksimalus ilgis – leidžiama daugiausia simbolių (griežta riba)
Numatytosios vertės
- Numatytoji reikšmė – iš anksto užpildytas tekstas, kai forma įkeliama
- Paslėpta reikšmė – paslėptų laukų reikšmė (kai įjungtas paslėptas režimas)
Saugumas ir privatumas
- Slaptažodžio laukas – užmaskuoti įvestį kaip slaptažodį (rodomi taškai •••)
Paslėptas laukas – padarykite lauką nematomą, bet įtraukite į pateiktus duomenis
Duomenų kokybė
Apkirpti tarpus – automatiškai pašalinti papildomus tarpus nuo pradžios ir pabaigos
Patvirtinimo taisyklės
- Patvirtinimo tipas
- Nėra (bet koks tekstas)
- El. paštas ([apsaugotas el. paštu])
- URL (https://example.com)
- Tik raidės (tik AZ)
- Tik skaičiai (tik 0–9)
- Raidės ir skaitmenys (AZ ir 0–9)
- Pasirinktinis šablonas (reguliarioji išraiška)
- Pasirinktinis šablonas – reguliarioji išraiška pasirinktiniam patvirtinimui (kai pasirinkta „Pasirinktinis“)
Įvesties tipai
- Įvesties tipas
- Įprastas tekstas
- Paieška (su išvalymo mygtuku)
- Telefonas (skaitmeninė klaviatūra mobiliajame telefone)
- URL (specializuota mobilioji klaviatūra)
Teksto formatavimas
- Teksto transformacija
- Jokios transformacijos
- UŽPILDYMAS
- mažosios raidės
- Didžioji pirmoji raidė
- Pavadinimo byla
Sąlyginė logika
- Įjungti sąlyginę logiką – rodyti / slėpti pagal sąlygas
- Loginis tipas
- Visos sąlygos turi būti įvykdytos (IR)
- Galima įvykdyti bet kurią sąlygą (ARBA)
- Sąlygų taisyklės
- Rodyti / Slėpti – Veiksmas, kurį reikia atlikti
- Laukas – kurį lauką tikrinti
- Operatorius – Lygu, Nelygu, Apima, Didesnis nei, Mažiau nei, Tuščia, Nėra tuščia
- Vertė – palyginimo vertė
- Kelios sąlygos – pridėkite neribotą taisyklių skaičių
Advanced Options
- Pasirinktinės CSS klasės – pritaikykite pasirinktinį stilių
- Prieinamumo atributai – ARIA žymos ir aprašymai
Kodėl verta rinktis mūsų teksto įvedimo lauką?
✅ Universalus – veikia su vardais, kodais, slaptažodžiais ir viskuo tarp jų
✅ Išmanusis patvirtinimas – daugiau nei 6 patvirtinimo šablonai ir pasirinktinė reguliarioji išraiška
✅ Optimizuota mobiliesiems įrenginiams – kiekvienam įvesties tipui tinkamos klaviatūros
✅ Automatinis formatavimas – teksto transformacija atliekama automatiškai
✅ Saugu – slaptažodžio režimas apsaugo neskelbtiną informaciją
✅ Švarūs duomenys – tarpų šalinimas padeda išvengti dažniausiai pasitaikančių klaidų
✅ Lankstus – paslėpti laukai, numatytosios vertės, sąlyginė logika
✅ Patogu naudoti – aiškūs patvirtinimo pranešimai padeda vartotojams
✅ Visiškai integruota – sklandžiai veikia su visomis formos funkcijomis
Dažnai užduodami klausimai
K: Kuo skiriasi min./max. ilgis ir patvirtinimas?
Min./maks. ilgis kontroliuoja, kiek simbolių leidžiama naudoti. Patvirtinimas kontroliuoja, kurie simboliai leidžiami, pvz., tik raidės, tik skaičiai arba el. pašto formatas.
K: Ar galiu patvirtinti ir ilgį, IR formatą?
Taip. Sujunkite min./max. ilgį su patvirtinimo taisyklėmis. Pavyzdžiui, nustatykite min. 3, max. 15 ir raidžių bei skaitmenų patvirtinimą vartotojo vardo laukui.
K: Kaip veikia slaptažodžio režimas?
Slaptažodžio režimas maskuoja simbolius taškais, kaip ir įprasti slaptažodžio laukai prisijungimo ekranuose.
K: Ką daro funkcija „trim whitespace“ (apkarpyti tarpus)?
Prieš pateikimą pašalinami tarpai pradžioje ir pabaigoje, kad atsitiktiniai tarpai nesugadintų patvirtinimo.
K: Ar galiu kurti pasirinktinius patvirtinimo šablonus?
Taip. Naudokite „Pasirinktinis šablonas“ ir pridėkite reguliariąją išraišką, kad pritaikytumėte bet kokią reikiamą struktūrą.
K: Kaip veikia teksto transformacijos?
Vartotojas rašo įprastai, o sistema pateikiant tekstą transformuoja, pavyzdžiui, konvertuoja jį į DIDŽIĄSIAS arba ANTRAŠTĖS RAIDES.
K: Kam skirtas paieškos įvesties tipas?
Pridedamas integruotas išvalymo (X) mygtukas, kad vartotojai galėtų akimirksniu atkurti lauką paieškos metu.
K: Kodėl reikia naudoti įvesties tipą „tel“?
Mobiliajame telefone atidaroma skaitmeninė klaviatūra, kad būtų lengviau įvesti telefono stiliaus skaitmenis.
K: Ar galiu naudoti sąlyginę logiką su teksto laukais?
Taip. Sąlygos, tokios kaip „Yra“, „Lygu“ arba „Tuščia“, leidžia rodyti arba slėpti laukus pagal vartotojo įvestį.
K: Kam naudojami paslėpti laukai?
Jie saugo duomenis nematydami vartotojui, todėl tai naudinga metaduomenims, pvz., UTM žymoms ar nukreipimo šaltiniams, stebėti.
K: Ar teksto laukus galima naudoti skaičiams?
Taip, bet skaičiavimams arba skaitiniam patvirtinimui naudokite skaičių lauką. Naudokite tekstą su „Tik skaičiais“, kai jums reikia kodų arba ID, kurie neturėtų būti laikomi skaičiais.
K: Kokio tikslumo gali būti reguliariosios išraiškos šablonai?
Reguliariosios išraiškos gali priversti taikyti itin specifinius šablonus. Jei reikia sukurti arba patikrinti sudėtingus šablonus, naudokite reguliariųjų išraiškų testerį.
