Поле ввода текста
Вводите текст с точностью и гибкостью. От простых имен до сложных шаблонов благодаря встроенной проверке, интеллектуальному форматированию и широким возможностям настройки — поле ввода текста адаптируется к любому сценарию использования, имея ограничения по количеству символов, автоматическое форматирование и защищенные режимы ввода паролей.
Основа каждой формы 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.
Почему это важно:
Правильный тип ввода ускоряет ввод данных на мобильных устройствах, уменьшает количество ошибок и улучшает пользовательский опыт на всех устройствах.
🎨 Автоматическое преобразование текста
Форматировать текст по мере ввода пользователя:
- Без изменений – текст остается точно таким, каким был введен.
- UPPERCASE – Преобразует весь текст в заглавные буквы (JOHN DOE)
- lowercase – Преобразует весь текст в нижний регистр (john doe)
- Первая буква пишется с заглавной буквы – только первая буква заглавная (John doe)
- Заглавные буквы каждого слова с заглавной буквы (John Doe)
Идеально для:
- ЗАГЛАВНЫМИ БУКВАМИ: номерные знаки, коды штатов, идентификаторы товаров.
- строчными буквами: адреса электронной почты, имена пользователей
- Пишите с заглавной буквы: начало предложений, имена от первого лица.
- Заглавные буквы: полные имена, адреса, должности.
Разумное поведение:
Преобразование происходит автоматически во время отправки, при этом пользователи видят исходный ввод.
🙈 Режим скрытого поля
Невидимые поля данных
Создавайте поля, невидимые для пользователей, но отправляющие данные вместе с формой. Идеально подходит для отслеживания, реферальных кодов и системных значений.
Случаи использования:
- Параметры отслеживания UTM
- Идентификаторы источников переходов
- Номера версий формы
- Маркеры времени
- Скрытые метаданные
Как это работает:
Укажите «Скрытое значение», и оно будет автоматически включаться в каждую отправленную форму, не загромождая пользовательский интерфейс формы.
🔀 Условная логика
Динамическая видимость поля
Отображение или скрытие текстовых полей в зависимости от других значений формы. Создавайте интеллектуальные формы, которые адаптируются к вводу пользователя.
Расширенные правила логики:
- Логика И – все условия должны быть выполнены.
- Логика ИЛИ – любое условие может инициировать действие.
- 8 операторов: Равно, Не равно, Больше, Меньше, Содержит, Пусто и больше.
Случаи использования:
- Отображать «Название компании» следует только в том случае, если тип пользователя равен «Бизнес».
- Отображайте «Источник перехода», если в поле «Как вы узнали о нас?» содержится слово «Переход».
- Скрыть раздел «Другие сведения», если основной пункт не пуст.
- Промокод будет отображаться, если сумма заказа превышает 100 долларов.
🎯 Улучшенный пользовательский опыт
Встроенные интеллектуальные функции:
- Значения по умолчанию — предварительное заполнение полей для ускорения процесса заполнения.
- Текст-заполнитель — отображает полезные подсказки перед вводом текста пользователем.
- Текст справки — добавьте описания для уточнения того, что нужно ввести.
- Обязательная проверка данных – Сделайте поля обязательными с четкими индикаторами.
- Пользовательские CSS-классы — примените индивидуальные стили в соответствии с вашим фирменным стилем.
- Поддержка доступности – метки ARIA для программ чтения с экрана.
- Оптимизировано для мобильных устройств – удобный сенсорный ввод с соответствующей клавиатурой.
Простая настройка в 3 шага.
Подготовьте текстовое поле ввода за считанные минуты.
Добавить текстовое поле
Перетащите поле "Текстовое поле" из раздела "Основные поля" в вашу форму.
Установить параметры проверки и ограничения.
Выберите тип проверки (электронная почта, URL, письма и т. д.), установите минимальное/максимальное количество символов и, при необходимости, включите режим проверки пароля или удаление пробелов.
Настройка форматирования
Выберите тип ввода для оптимизации под мобильные устройства, выберите преобразование текста (верхний регистр, нижний регистр и т. д.) и задайте значения по умолчанию или заполнители.
🎉 Вот и всё! Ваше текстовое поле готово, с интеллектуальной проверкой и форматированием.
Реальные приложения
Регистрация Пользователя
* Поля имени пользователя с ограничениями по длине
* Поля ввода пароля с маскированием
* Поля имени с форматированием в регистре заголовка
* Адреса электронной почты с проверкой
Форма для обратной связи
* Полное имя с написанием в начале и конце слова
* Проверка адреса электронной почты
* Номера телефонов с вводом tel
* Поля для сообщений/комментариев
Электронная коммерция
* Ввод промокода (заглавными буквами)
* Поля для подарочного сообщения
* Особые указания
* Примечания по доставке
Бизнес-приложения
* Идентификационные номера сотрудников
* Названия отделов
* Номера ссылок
* Внутренние коды
Приложения и регистрация
* Номера лицензий
* Сертификационные коды
* Идентификаторы участников
* Пользовательские идентификаторы
Поиск и фильтрация
* Поле поиска с кнопкой очистки
* Фильтрация текстовых полей
* Записи по ключевым словам
* Входные данные запроса
Полные параметры поля
Базовая конфигурация
- Метка поля — заголовок, отображаемый над текстовым полем.
- Описание/Текст справки – Дополнительные указания для пользователей
- Обязательное поле – Сделайте текстовое поле обязательным для заполнения
- Текст-заполнитель — подсказка перед вводом текста пользователем.
Проверка длины
- Минимальная длина – наименьшее допустимое количество символов (проверка)
- Максимальная длина – максимально допустимое количество символов (жесткое ограничение)
Значения по умолчанию
- Значение по умолчанию – текст, заполняемый автоматически при загрузке формы.
- Скрытое значение – значение для скрытых полей (при включенном скрытом режиме)
Безопасность и конфиденциальность
- Поле для пароля – Замаскируйте ввод как пароль (отображает точки •••)
Скрытое поле — сделать поле невидимым, но включить его в отправленные материалы.
Качество данных
Удаление пробелов — автоматическое удаление лишних пробелов в начале и конце текста.
Правила валидации
- Тип проверки
- Нет (любой текст)
- E-mail ([электронная почта защищена])
- URL (https://example.com)
- Только письма (только для Аризоны)
- Только цифры (от 0 до 9)
- Буквенно-цифровой (AZ и 0-9)
- Пользовательский шаблон (регулярное выражение)
- Пользовательский шаблон – регулярное выражение для пользовательской проверки (при выборе параметра «Пользовательский»).
Типы входных данных
- Тип ввода
- Обычный текст
- Поиск (с кнопкой «Очистить»)
- Телефон (цифровая клавиатура на мобильном телефоне)
- URL (специализированная мобильная клавиатура)
Форматирование текста
- Преобразование текста
- Нет преобразования
- ВЕРХНИЙ РЕГИСТР
- в нижнем регистре
- Первую букву пишите с заглавной буквы.
- Название дела
Условная логика
- Включить условную логику — показывать/скрывать в зависимости от условий.
- Тип логики
- Все условия должны быть соблюдены (И)
- Любое условие может быть выполнено (ИЛИ)
- Условия Правила
- Показать/Скрыть – Действие, которое необходимо выполнить
- Поле – Какое поле нужно отметить
- Операторы: Равно, Не равно, Содержит, Больше, Меньше, Пусто, Не пусто
- Ценность – Сравнительная ценность
- Множество условий – добавляйте неограниченное количество правил
Дополнительные параметры
- Пользовательские CSS-классы — применение пользовательских стилей.
- Атрибуты доступности – метки и описания ARIA
Почему стоит выбрать наше поле ввода текста?
✅ Универсальный – подходит для имен, кодов, паролей и всего остального.
✅ Интеллектуальная проверка — более 6 шаблонов проверки плюс пользовательские регулярные выражения
✅ Оптимизировано для мобильных устройств – подходящие клавиатуры для каждого типа ввода
✅ Автоматическое форматирование – преобразование текста происходит автоматически
✅ Безопасность – режим защиты паролем обеспечивает сохранность конфиденциальной информации.
✅ Чистые данные – удаление пробелов предотвращает распространенные ошибки
✅ Гибкость – скрытые поля, значения по умолчанию, условная логика
✅ Удобный интерфейс – Понятные сообщения с инструкциями помогут пользователям.
✅ Полная интеграция – бесперебойно работает со всеми функциями формы
Часто задаваемые вопросы (FAQ)
В: В чем разница между минимальной/максимальной длиной и проверкой данных?
Минимальная/максимальная длина определяет допустимое количество символов. Проверка подлинности определяет, какие символы разрешены, например, только буквы, только цифры или формат электронного письма.
В: Могу ли я проверить одновременно длину И формат?
Да. Объедините минимальную/максимальную длину с правилами проверки. Например, установите минимальное значение 3, максимальное 15 и проверку на буквенно-цифровой код для поля имени пользователя.
В: Как работает режим ввода пароля?
В режиме ввода пароля символы маскируются точками, как и в обычных полях ввода пароля на экранах входа в систему.
В: Что делает команда «удалить пробелы»?
Перед отправкой удаляются начальные и конечные пробелы, чтобы случайные пробелы не нарушали проверку.
В: Могу ли я создавать собственные шаблоны проверки данных?
Да. Используйте «Пользовательский шаблон» и добавьте регулярное выражение для обеспечения необходимой структуры.
В: Как работают преобразования текста?
Пользователь вводит текст обычным способом, а система преобразует его при отправке, например, переводит в регистр символов (Title Case) или в верхний регистр (UPPERCASE).
В: Для чего нужен тип поля поиска?
Встроенная кнопка очистки (X) позволяет пользователям мгновенно сбрасывать значение поля во время поиска.
В: Почему используется тип ввода «tel»?
На мобильных устройствах открывается цифровая клавиатура, упрощающая ввод цифр, как в телефоне.
В: Можно ли использовать условную логику с текстовыми полями?
Да. Условия типа «Содержит», «Равно» или «Пусто» позволяют отображать или скрывать поля в зависимости от ввода пользователя.
В: Для чего используются скрытые поля?
Они хранят данные, не будучи видимыми для пользователя, что полезно для отслеживания метаданных, таких как UTM-метки или источники переходов.
В: Можно ли использовать текстовые поля для ввода чисел?
Да, но используйте поле «Число» для вычислений или числовой проверки. Используйте поле «Только числа» в текстовом формате, если вам нужны коды или идентификаторы, которые не следует рассматривать как числа.
В: Насколько точными могут быть шаблоны регулярных выражений?
Регулярные выражения могут проверять соответствие очень специфическим шаблонам. Используйте тестер регулярных выражений, если вам нужно создавать или проверять сложные шаблоны.
