Поле ўводу тэксту
Збірайце тэкст з дакладнасцю і гнуткасцю. Ад простых імёнаў да складаных шаблонаў з убудаванай праверкай, разумным фарматаваннем і магутнымі наладамі — поле ўводу тэксту адаптуецца да любога выпадку выкарыстання з абмежаваннямі сімвалаў, аўтаматычным фарматаваннем і бяспечнымі рэжымамі пароля.
Аснова кожнай формы WordPress
Ідэальна падыходзіць для:
Магутныя функцыі для любога выпадку выкарыстання
📏 Інтэлектуальнае кіраванне даўжынёй
Мінімальная і максімальная колькасць сімвалаў
Усталюйце максімальна кароткі і доўгі дазволены тэкст. Прадухіліце занадта кароткія або занадта доўгія адпраўкі з дапамогай убудаванай праверкі браўзера.
Праверка ў рэжыме рэальнага часу
Карыстальнікі атрымліваюць імгненную зваротную сувязь, калі іх запіс не адпавядае патрабаванням да даўжыні — ніякіх сюрпрызаў пасля адпраўкі.
Прыклады:
- Імя карыстальніка: мінімум 3, максімум 20 сімвалаў
- Паштовы індэкс: мінімум 5, максімум 10 сімвалаў
- Імя: мінімум 2, максімум 50 сімвалаў
- Каментарый: максімум 500 сімвалаў
Чаму гэта важна:
Кантралюйце якасць дадзеных, прадухіляйце спам, забяспечвайце сумяшчальнасць баз дадзеных і дапамагайце карыстальнікам прадастаўляць патрэбную колькасць інфармацыі.
✅ Убудаваныя шаблоны праверкі
6 папярэдне настроеных тыпаў праверкі:
- 1. Няма — Прымаць любы тэкст (па змаўчанні)
2. Электронная пошта — правярае правільны фармат электроннай пошты ([электронная пошта абаронена])
3. URL-адрас — патрабуецца сапраўдны вэб-адрас (https://example.com)
4. Толькі літары – толькі літары і прабелы (Джон Доу)
5. Толькі лічбы – Толькі лічбавыя лічбы (123456)
6. Літарна-лічбавы — літары і лічбы, без спецыяльных сімвалаў (User123)
Плюс карыстальніцкія шаблоны:
- Вызначце ўласную праверку рэгулярных выразаў для спецыялізаваных фарматаў, такіх як:
- Нумарныя знакі: `^[AZ]{3}[0-9]{4}$`
- Коды прадуктаў: `^[AZ]{2}[0-9]{6}$`
- Карыстальніцкія фарматы, унікальныя для вашага бізнесу
Імгненная зваротная сувязь:
Карыстальнікі бачаць зразумелыя паведамленні пра памылкі, калі іх увод не адпавядае патрэбнаму фармату.
✂️ Аўтаматычная абрэзка прабелаў
Аўтаматычнае ачышчэнне дадзеных
Выдаліце выпадковыя прабелы з пачатку і канца тэкставых запісаў. Больш ніякага «Джон», калі вам трэба проста «Джон».
Выкарыстоўвайце выпадкі:
- Адрасы электроннай пошты (без прабелаў у канцы)
- Імёны карыстальнікаў (без прабелаў у пачатку)
- Даведачныя коды (дакладныя супадзенні)
- Любая сфера, дзе важная дакладнасць
перавагі:
Змяншае колькасць памылак карыстальнікаў, паляпшае кансістэнцыю дадзеных, прадухіляе праблемы з праверкай і спрашчае супастаўленне і пошук.
🔒 Рэжым пароля
Бяспечнае маскіраванне ўводу
Пераўтварыце любое тэкставае поле ў поле для пароля. Сімвалы адлюстроўваюцца ў выглядзе кропак (•••), каб абараніць канфідэнцыйную інфармацыю ад несанкцыянаваных карыстальнікаў.
Ідэальна падыходзіць для:
- Увод пароля і PIN-кода
- Коды бяспекі і токены
- Канфідэнцыйныя ідэнтыфікацыйныя нумары
- Коды двухфактарнай аўтэнтыфікацыі
Разумныя паводзіны:
Рэжым пароля аўтаматычна адключае канфліктуючыя функцыі, такія як пераўтварэнне тэксту і спецыяльныя тыпы ўводу, каб забяспечыць бяспеку.
📱 Тыпы разумнага ўводу
Аптымізавана для мабільных прылад і настольных кампутараў:
- Звычайны тэкст — стандартны ўвод тэксту для агульнага карыстання
- Пошук – Уключае ўбудаваную кнопку ачысткі (X) для хуткага скіду
- Тэлефон — актывуе лічбавую клавіятуру на мабільных прыладах для больш лёгкага ўводу нумара тэлефона
- URL — паказвае спецыялізаваную мабільную клавіятуру з цэтлікамі .com, .org
Чаму гэта важна:
Правільны тып уводу паскарае ўвод дадзеных на мабільным тэлефоне, памяншае колькасць памылак і паляпшае карыстальніцкі досвед на ўсіх прыладах.
🎨 Аўтаматычнае пераўтварэнне тэксту
Фарматаваць тэкст па меры ўводу карыстальнікамі:
- Без пераўтварэнняў — тэкст застаецца дакладна такім, якім ён быў уведзены
- ВЯЛІКІЯ ЛІТАРЫ – Ператварае ўвесь тэкст у ВЯЛІКІЯ літары (ДЖОН ДОУ)
- малыя літары – пераўтварае ўвесь тэкст у малыя літары (john doe)
- Вялікая першая літара — толькі першая літара з вялікай літары (Джон Доў)
- Загаловак — першая літара кожнага слова (Джон Доу)
Ідэальна падыходзіць для:
- ВЯЛІКІМІ ЛІТАРАМІ: Нумарныя знакі, коды штатаў, ідэнтыфікатары прадуктаў
- малыя літары: адрасы электроннай пошты, імёны карыстальнікаў
- З вялікай літары: пачатак сказаў, асобныя імёны
- Справаздача аб загалоўках: Поўныя імёны, адрасы, тытулы
Разумныя паводзіны:
Пераўтварэнне адбываецца аўтаматычна падчас адпраўкі, пакуль карыстальнікі бачаць свой першапачатковы ўвод.
🙈 Рэжым схаванага поля
Нябачныя палі дадзеных
Стварыце палі, якія не бачныя карыстальнікам, але адпраўляюць дадзеныя разам з формай. Ідэальна падыходзіць для адсочвання, рэферальных кодаў і сістэмных значэнняў.
Выкарыстоўвайце выпадкі:
- Параметры адсочвання UTM
- Ідэнтыфікатары крыніц рэфералаў
- Нумары версій формаў
- Маркеры часу
- Схаваныя метададзеныя
Як гэта працуе:
Усталюйце «Схаванае значэнне», і яно будзе аўтаматычна ўключацца ў кожную адпраўленую форму, не перагружаючы яе інтэрфейс.
🔀 Умоўная логіка
Дынамічная бачнасць поля
Паказвайце або хавайце тэкставыя палі на аснове іншых значэнняў формы. Стварайце інтэлектуальныя формы, якія адаптуюцца да ўводу карыстальніка.
Правілы пашыранай логікі:
- І логіка — усе ўмовы павінны быць выкананы
- Логіка АБО — любая ўмова можа выклікаць дзеянне
- 8 аператараў – роўна, не роўна, больш за, менш за, утрымлівае, пуста і іншыя
Выкарыстоўвайце выпадкі:
- Паказваць «Назва кампаніі» толькі тады, калі тып карыстальніка роўны «Бізнес»
- Паказваць «Крыніцу рэкамендацыі», калі ў раздзеле «Як вы даведаліся пра нас?» утрымліваецца «Рэкамендацыя»
- Схаваць «Іншыя звесткі», калі асноўны параметр не пусты
- Паказаць «Прома-код», калі кошт замовы перавышае 100 долараў
🎯 Палепшаны карыстальніцкі досвед
Убудаваныя разумныя функцыі:
- Значэнні па змаўчанні — папярэдне запоўніце палі, каб паскорыць завяршэнне
- Запаўняльнік тэксту — паказваць карысныя падказкі перад тым, як карыстальнікі ўводзяць тэкст
- Даведачны тэкст — дадайце апісанні, каб удакладніць, што трэба ўводзіць
- Абавязковая праверка — зрабіце палі абавязковымі для запаўнення з выразнымі індыкатарамі
- Карыстальніцкія класы CSS — ужывайце стылізацыю, якая адпавядае вашаму брэнду
- Падтрымка даступнасці — меткі ARIA для праграм чытання з экрана
- Аптымізавана для мабільных прылад — зручны сэнсарны ўвод з адпаведнымі клавіятурамі
Простая ўстаноўка ў 3 крокі
Падрыхтуйце поле ўводу тэксту за лічаныя хвіліны
Дадаць тэкставае поле
Перацягніце поле ўводу тэксту з раздзела «Асноўныя палі» ў форму.
Устанавіць праверку і абмежаванні
Выберыце тып праверкі (электронная пошта, URL, літары і г.д.), усталюйце мінімальную/максімальную колькасць сімвалаў і, пры жаданні, уключыце рэжым пароля або выдаленне прабелаў.
Наладзіць фарматаванне
Выберыце тып уводу для мабільнай аптымізацыі, выберыце пераўтварэнне тэксту (вялікія літары, малыя літары і г.д.) і ўсталюйце значэнні па змаўчанні або запаўняльнікі.
???? Вось і ўсё! Ваша тэкставае поле гатовае да запаўнення з разумнай праверкай і фарматаваннем.
Рэальныя прыкладанні
Рэгістрацыя карыстальніка
* Палі імя карыстальніка з абмежаваннямі даўжыні
* Увод пароляў з маскіроўкай
* Палі імёнаў з фарматаваннем загалоўкаў у верхнім рэгістра
* Адрасы электроннай пошты з праверкай
кантактныя формы
* Поўнае імя з вялікай літары ў загалоўку
* Праверка электроннай пошты
* Нумары тэлефонаў з магчымасцю ўводу нумара тэлефона
* Палі паведамленняў/каментарыяў
Электронная камерцыя
* Увод промокода (вялікімі літарамі)
* Палі паведамленняў для падарунка
* Спецыяльныя інструкцыі
* Дастаўныя нататкі
Бізнэс-прыкладанні
* Ідэнтыфікацыйныя нумары супрацоўнікаў
* Назвы аддзелаў
* Даведачныя нумары
* Унутраныя коды
Заяўкі і рэгістрацыя
* Нумары ліцэнзій
* Коды сертыфікацыі
* Ідэнтыфікатары ўдзельнікаў
* Карыстальніцкія ідэнтыфікатары
Пошук і фільтраванне
* Пошук з дапамогай кнопкі ачысткі
* Фільтраваць тэкставыя палі
* Запісы ключавых слоў
* Уваходныя дадзеныя запыту
Поўныя параметры поля
Асноўная канфігурацыя
- Пазнака поля — загаловак, які адлюстроўваецца над тэкставым полем
- Апісанне/Даведка — дадатковыя рэкамендацыі для карыстальнікаў
- Абавязковае поле — зрабіць увод тэксту абавязковым
- Тэкст-запаўняльнік — падказка перад тым, як карыстальнікі ўводзяць тэкст
Праверка даўжыні
- Мінімальная даўжыня — мінімальная дазволеная колькасць сімвалаў (праверка)
- Максімальная даўжыня — максімальная колькасць дазволеных сімвалаў (жорсткае абмежаванне)
Значэнні па змаўчанні
- Значэнне па змаўчанні — загадзя запоўнены тэкст пры загрузцы формы
- Схаванае значэнне – значэнне для схаваных палёў (калі ўключаны схаваны рэжым)
Бяспеку & Канфідэнцыяльнасць
- Поле пароля – Увод пароля ў маскіроўку (паказвае кропкі •••)
Схаванае поле — зрабіць поле нябачным, але ўключыць яго ў матэрыялы падзей
якасць дадзеных
Абрэзаць прабелы — аўтаматычна выдаляць лішнія прабелы з пачатку і канца
Правілы праверкі
- Тып праверкі
- Няма (любы тэкст)
- Электронная пошта ([электронная пошта абаронена])
- URL-адрас (https://example.com)
- Толькі літары (толькі Арызона)
- Толькі лічбы (толькі 0-9)
- Літарна-лічбавыя (AZ і 0-9)
- Карыстальніцкі шаблон (рэгулярны выраз)
- Карыстальніцкі шаблон — рэгулярны выраз для карыстальніцкай праверкі (калі выбрана опцыя «Карыстальніцкі»)
Тыпы ўводу
- Тып уводу
- Звычайны тэкст
- Пошук (з кнопкай ачысткі)
- Тэлефон (лічбавая клавіятура на мабільным тэлефоне)
- URL (спецыялізаваная мабільная клавіятура)
Фарматаванне тэксту
- Трансфармацыя тэксту
- Няма трансфармацыі
- Верхняга
- малыя літары
- З вялікай першай літары
- Рэгістр загалоўка
Умоўная логіка
- Уключыць умоўную логіку – паказваць/схоўваць у залежнасці ад умоў
- Лагічны тып
- Усе ўмовы павінны быць выкананы (І)
- Любая ўмова можа быць выканана (АБО)
- Правілы ўмоў
- Паказаць/схаваць – дзеянне, якое трэба выканаць
- Поле – якое поле праверыць
- Аператар – Роўна, Не роўна, Змяшчае, Больш за, Менш за, Пуста, Не пуста
- Значэнне – значэнне параўнання
- Некалькі ўмоў - дадайце неабмежаваную колькасць правілаў
Дадатковыя параметры
- Карыстальніцкія класы CSS — прымяненне карыстальніцкага стылю
- Атрыбуты даступнасці — пазнакі і апісанні ARIA
Чаму варта выбраць наша поле ўводу тэксту?
✅ Універсальны — працуе з імёнамі, кодамі, паролямі і ўсім астатнім
✅ Інтэлектуальная праверка — больш за 6 шаблонаў праверкі плюс карыстальніцкі рэгулярны выраз
✅ Аптымізавана для мабільных прылад — адпаведныя клавіятуры для кожнага тыпу ўводу
✅ Аўтафарматаванне — пераўтварэнне тэксту адбываецца аўтаматычна
✅ Бяспечна — рэжым пароля абараняе канфідэнцыйную інфармацыю
✅ Ачыстка дадзеных — выдаленне прабелаў прадухіляе распаўсюджаныя памылкі
✅ Гнуткая — схаваныя палі, значэнні па змаўчанні, умоўная логіка
✅ Зручны для карыстальніка — зразумелыя паведамленні праверкі накіроўваюць карыстальнікаў
✅ Поўная інтэграцыя — бездакорна працуе з усімі функцыямі формы
Questions fréquemment posées
Пытанне: У чым розніца паміж мінімальнай/максімальнай даўжынёй і праверкай?
Мінімальная/максімальная даўжыня вызначае, колькі дазволеных сімвалаў. Праверка вызначае, якія сімвалы дазволеныя, напрыклад, толькі літары, толькі лічбы або фармат электроннай пошты.
Пытанне: Ці магу я праверыць і даўжыню, І фармат?
Так. Спалучыце мінімальную/максімальную даўжыню з правіламі праверкі. Напрыклад, усталюйце мінімальнае значэнне 3, максімальнае значэнне 15 і літарна-лічбавую праверку для поля імя карыстальніка.
Пытанне: Як працуе рэжым пароля?
Рэжым пароля маскіруе сімвалы кропкамі, як і звычайныя палі пароля на экранах уваходу.
Пытанне: Што робіць функцыя «абрэзаць прабелы»?
Ён выдаляе пачатковыя і канчатковыя прабелы перад адпраўкай, каб выпадковыя прабелы не парушалі праверку.
Пытанне: Ці магу я ствараць уласныя шаблоны праверкі?
Так. Выкарыстоўвайце «Карыстальніцкі шаблон» і дадайце рэгулярны выраз, каб прымяніць любую патрэбную структуру.
Пытанне: Як працуюць пераўтварэнні тэксту?
Карыстальнік друкуе звычайным спосабам, а сістэма пераўтварае тэкст пры адпраўцы, напрыклад, пераўтварае яго ў ВЯЛІКІЯ ЛІТАРЫ.
Пытанне: Для чаго выкарыстоўваецца тып пошуку?
Дададзена ўбудаваная кнопка ачысткі (X), каб карыстальнікі маглі імгненна скінуць поле падчас пошуку.
Пытанне: Чаму выкарыстоўваецца тып уводу «тэл»?
На мабільным тэлефоне адкрываецца лічбавая клавіятура, каб спрасціць увод лічбаў, як на тэлефоне.
Пытанне: Ці магу я выкарыстоўваць умоўную логіку з тэкставымі палямі?
Так. Такія ўмовы, як «Утрымлівае», «Роўна» або «Пуста», дазваляюць паказваць або хаваць палі ў залежнасці ад уведзеных карыстальнікам дадзеных.
Пытанне: Для чаго выкарыстоўваюцца схаваныя палі?
Яны захоўваюць дадзеныя, не бачныя карыстальніку, што карысна для адсочвання метададзеных, такіх як UTM-тэгі або крыніцы рэфералаў.
Пытанне: Ці можна выкарыстоўваць тэкставыя палі для лічбаў?
Так, але выкарыстоўвайце поле «Лік» для вылічэнняў або лікавай праверкі. Выкарыстоўвайце тэкст з пунктам «Толькі лічбы», калі вам патрэбныя коды або ідэнтыфікатары, якія не павінны разглядацца як лічбы.
Пытанне: Наколькі дакладнымі могуць быць шаблоны рэгулярных выразаў?
Рэгулярныя выразы могуць прымушаць выкарыстоўваць вельмі спецыфічныя шаблоны. Выкарыстоўвайце тэсціроўшчык рэгулярных выразаў, калі вам трэба ствараць або правяраць складаныя шаблоны.
