Поле введення тексту
Збирайте текст з точністю та гнучкістю. Від простих імен до складних шаблонів із вбудованою перевіркою, інтелектуальним форматуванням та потужними функціями налаштування – поле введення тексту адаптується до будь-якого випадку використання завдяки обмеженням символів, автоматичному форматуванню та безпечним режимам паролів.
Основа кожної форми 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)
- Велика перша літера – Тільки перша літера велика (John doe)
- Заголовок – перша літера кожного слова (Джон Доу)
Ідеально підходить для:
- ВЕЛИКІ ЛІТЕРИ: Номерні знаки, коди штатів, ідентифікатори продуктів
- малі регістри: адреси електронної пошти, імена користувачів
- З великої літери: початок речень, окремі імена
- Реєстраційний відрізок титулу: Повні імена, адреси, звання
Розумна поведінка:
Трансформація відбувається автоматично під час надсилання, поки користувачі бачать свій оригінальний введений текст.
🙈 Режим прихованого поля
Невидимі поля даних
Створюйте поля, які не видно користувачам, але надсилають дані разом із формою. Ідеально підходить для відстеження, реферальних кодів та системних значень.
Використовуйте випадки:
- Параметри відстеження UTM
- Ідентифікатори джерел переходів
- Номери версій форм
- Маркери позначок часу
- Приховані метадані
Як Це Працює:
Встановіть «Приховане значення», і воно автоматично додаватиметься до кожної форми, не захаращуючи її інтерфейс.
🔀 Умовна логіка
Динамічна видимість поля
Показуйте або приховуйте текстові поля на основі інших значень форми. Створюйте інтелектуальні форми, які адаптуються до вводу користувача.
Правила розширеної логіки:
- Логіка «І» – усі умови мають бути виконані
- Логіка АБО – будь-яка умова може викликати дію
- 8 операторів – Дорівнює, Не дорівнює, Більше ніж, Менше ніж, Містить, Пусто та інші
Використовуйте випадки:
- Показувати «Назва компанії» лише тоді, коли тип користувача дорівнює «Бізнес»
- Відображати «Джерело переходу», якщо «Як ви дізналися про нас?» містить «Перехід»
- Приховати «Інші деталі», якщо основний параметр не порожній
- Показати «Промокод», коли вартість замовлення перевищує 100 доларів США
🎯 Покращений користувацький досвід
Вбудовані інтелектуальні функції:
- Значення за замовчуванням – попередньо заповніть поля для пришвидшення завершення
- Текст-заповнювач – показ корисних підказок перед введенням тексту
- Довідковий текст – додайте описи, щоб уточнити, що потрібно вводити
- Обов’язкова перевірка – зробіть поля обов’язковими для заповнення з чіткими індикаторами
- Користувацькі CSS-класи – застосовуйте власні стилі, що відповідають вашому бренду
- Підтримка доступності – мітки ARIA для програм зчитування з екрана
- Оптимізовано для мобільних пристроїв – сенсорне введення з відповідними клавіатурами
Просте налаштування за 3 кроки
Підготуйте поле введення тексту за лічені хвилини
Додати текстове поле
Перетягніть поле «Введення тексту» з розділу «Основні поля» у форму.
Встановити перевірку та обмеження
Виберіть тип перевірки (електронна пошта, URL-адреса, літери тощо), встановіть мінімальну/максимальну кількість символів та за потреби ввімкніть режим пароля або обрізання пробілів.
Налаштування форматування
Виберіть тип вводу для мобільної оптимізації, виберіть перетворення тексту (великі літери, малі літери тощо) та встановіть значення за замовчуванням або заповнювачі.
???? От і все! Ваше текстове поле готове з інтелектуальною перевіркою та форматуванням.
Програми реального світу
Реєстрація користувача
* Поля імені користувача з обмеженнями довжини
* Введення паролів з маскуванням
* Поля імен з форматуванням регістру заголовка
* Адреси електронної пошти з перевіркою
Контактні форми
* Повне ім'я з великої літери
* Підтвердження електронної пошти
* Номери телефонів із введенням номера телефону
* Поля для повідомлень/коментарів
Електронна комерція
* Введення промокоду (великими літерами)
* Поля для подарункового повідомлення
* Спеціальні інструкції
* Примітки щодо доставки
Бізнес-додатки
* Ідентифікаційні номери працівників
* Назви відділів
* Довідкові номери
* Внутрішні коди
Заявки та реєстрація
* Номери ліцензій
* Коди сертифікації
* Ідентифікатори членства
* Користувацькі ідентифікатори
Пошук і фільтрація
* Пошуковий запит за допомогою кнопки очищення
* Фільтрувати текстові поля
* Записи ключових слів
* Вхідні дані запиту
Заповніть параметри поля
Основна конфігурація
- Мітка поля – заголовок, що відображається над текстовим полем
- Опис/Довідковий текст – Додаткові інструкції для користувачів
- Обов’язкове поле – Зробіть введення тексту обов’язковим
- Текст-заповнювач – текст підказки перед введенням користувачем
Перевірка довжини
- Мінімальна довжина – найменша дозволена кількість символів (валідація)
- Максимальна довжина – максимальна дозволена кількість символів (жорстка межа)
Значення за замовчуванням
- Значення за замовчуванням – попередньо заповнений текст під час завантаження форми
- Приховане значення – значення для прихованих полів (коли увімкнено прихований режим)
Безпека & Конфіденційність
- Поле пароля – маскувати введені дані як пароль (показує крапки •••)
Приховане поле – Зробити поле невидимим, але включити його до заявок
Якість даних
Обрізати пробіли – автоматично видаляти зайві пробіли з початку та кінця
Правила перевірки
- Тип перевірки
- Немає (будь-який текст)
- Електронна пошта ([захищено електронною поштою])
- URL-адреса (https://example.com)
- Тільки літери (лише Аризона)
- Тільки цифри (лише 0-9)
- Буквено-цифровий (AZ та 0-9)
- Користувацький шаблон (регулярний вираз)
- Користувацький шаблон – регулярний вираз для користувацької перевірки (коли вибрано «Користувацький»)
Типи введення
- Тип вводу
- NormalText
- Пошук (з кнопкою очищення)
- Телефон (цифрова клавіатура на мобільному телефоні)
- URL-адреса (спеціалізована мобільна клавіатура)
Форматування тексту
- Перетворення тексту
- Жодної трансформації
- ПОЧАТОК
- в нижньому регістрі
- Велика перша літера
- Назва справи
Умовна логіка
- Увімкнути умовну логіку – показувати/приховувати на основі умов
- Логічний тип
- Усі умови мають бути виконані (ТА)
- Будь-яка умова може бути виконана (АБО)
- Правила умов
- Показати/Приховати – Дія, яку потрібно виконати
- Поле – яке поле перевіряти
- Оператор – Дорівнює, Не дорівнює, Містить, Більше ніж, Менше ніж, Пусто, Не пусто
- Значення – значення порівняння
- Кілька умов – додавання необмеженої кількості правил
Додаткові параметри
- Користувацькі CSS-класи – Застосування власного стилю
- Атрибути доступності – мітки та описи ARIA
Чому варто обрати наше поле введення тексту?
✅ Універсальний – працює з іменами, кодами, паролями та всім іншим
✅ Розумна перевірка – понад 6 шаблонів перевірки плюс користувацький регулярний вираз
✅ Оптимізовано для мобільних пристроїв – відповідні клавіатури для кожного типу введення
✅ Автоматичне форматування – перетворення тексту відбувається автоматично
✅ Безпечний – режим пароля захищає конфіденційну інформацію
✅ Очищення даних – обрізання пробілів запобігає поширеним помилкам
✅ Гнучкість – приховані поля, значення за замовчуванням, умовна логіка
✅ Зручний для користувача – чіткі повідомлення підтвердження допомагають користувачам
✅ Повністю інтегрований – безперебійно працює з усіма функціями форми
Поширені запитання
З: Яка різниця між мінімальною/максимальною довжиною та валідацією?
Мінімальна/максимальна довжина контролює, скільки символів дозволено. Перевірка контролює, які символи дозволено, наприклад, лише літери, лише цифри або формат електронної пошти.
З: Чи можу я перевірити як довжину, так і формат?
Так. Поєднайте мінімальну/максимальну довжину з правилами перевірки. Наприклад, встановіть мінімальне значення 3, максимальне 15 та буквено-цифрову перевірку для поля імені користувача.
З: Як працює режим пароля?
Режим пароля маскує символи крапками, як і типові поля для паролів на екранах входу.
З: Що робить функція «вирізати пробіли»?
Він видаляє початкові та кінцеві пробіли перед відправкою, щоб випадкові пробіли не порушували перевірку.
З: Чи можу я створювати власні шаблони перевірки?
Так. Використовуйте «Налаштування шаблону» та додайте регулярний вираз, щоб застосувати будь-яку потрібну вам структуру.
З: Як працюють перетворення тексту?
Користувач друкує звичайним способом, а система трансформує текст під час надсилання, наприклад, перетворює його на ВЕЛИКІ літери або ВЕЛИКІ літери.
З: Для чого призначений тип вводу пошуку?
Він додає вбудовану кнопку очищення (X), щоб користувачі могли миттєво скинути поле під час пошуку.
З: Чому використовується тип введення «тел»?
На мобільному пристрої відкривається цифрова клавіатура, що спрощує введення цифр, як на телефоні.
З: Чи можна використовувати умовну логіку з текстовими полями?
Так. Умови на кшталт «Містить», «Дорівнює» або «Пусто» дозволяють показувати або приховувати поля на основі введених користувачем даних.
З: Для чого використовуються приховані поля?
Вони зберігають дані, не будучи видимими для користувача, що корисно для відстеження метаданих, таких як теги UTM або джерела переходів.
З: Чи можна використовувати текстові поля для чисел?
Так, але використовуйте поле «Число» для обчислень або числової перевірки. Використовуйте «Текст» із пунктом «Тільки цифри», коли вам потрібні коди або ідентифікатори, які не слід розглядати як числа.
З: Наскільки точними можуть бути шаблони регулярних виразів?
Регулярні вирази можуть застосовувати надзвичайно специфічні шаблони. Використовуйте тестер регулярних виразів, якщо вам потрібно створювати або перевіряти складні шаблони.
