Числовое поле
Собирайте числа точно и стильно. От простых числовых полей ввода до интерактивных ползунков с форматированием валюты — поле «Число» обеспечивает проверку, форматирование и удобный пользовательский интерфейс.
Интеллектуальный сбор номеров со встроенной проверкой.
Идеально для:
Мощные функции для любого сценария использования
🎯 Точный контроль валидации
Границы минимального/максимального значений
Установите минимальное и максимальное допустимые значения. Предотвратите ввод некорректных данных до отправки с помощью встроенной проверки браузера.
Контроль шага
Задайте значения шага – целые числа (1), половинные шаги (0.5) или точные десятичные дроби (0.01) для валюты.
Примеры:
- Поле «Возраст»: Мин. 18, Макс. 100, Шаг 1
- Поле «Цена»: Мин. 0, Макс. 10000, Шаг 0.01
- Рейтинг: Мин. 1, Макс. 5, Шаг 0.5
💰 Интеллектуальное форматирование чисел
Несколько вариантов формата:
- Простое число – ввод простого числа (123)
- Валюта – Деньги с символами (123.00 доллара США, 123.00 евро, 123.00 фунта стерлингов)
- Процент – Автоматическое добавление символа % (85%)
- Десятичная дробь – с фиксированным числом десятичных знаков (123.45)
Пользовательские символы валюты
Поддерживаются любые валюты: $, €, £, ¥, ₹ и другие – идеально подходит для международных форм.
Десятичная точность
Для точных вычислений укажите количество десятичных знаков от 0 до 4.
Интерактивный режим слайдера
Визуальный выбор чисел
Превратите числовые поля ввода в красивые ползунки. Пользователи могут перемещать ползунки для выбора значений — идеально подходит для оценок, диапазонов и предпочтений.
Настраиваемый внешний вид
- Выберите цвет ползунка в соответствии с вашим брендом.
- Показать/скрыть отображение текущего значения
- Плавные анимации и переходы
Идеально для:
- Оценка удовлетворенности (1-10)
- Диапазоны бюджета (от 0 до 5000 долларов)
- Выбор возраста
- Уровни приоритета
- Выбор любого диапазона
🔀 Условная логика
Интеллектуальная видимость поля
Отображайте или скрывайте это числовое поле в зависимости от значений других полей. Создавайте динамические формы, которые адаптируются к вводу пользователя.
Расширенные правила логики:
- Логика И – все условия должны быть выполнены.
- Логика ИЛИ – любое условие может инициировать действие.
- 8 операторов: Равно, Не равно, Больше, Меньше, Содержит, Пусто и больше.
Случаи использования:
- Отображать «Количество гостей» следует только при наличии установленного флажка «Пригласить гостей?».
- Отображать «Диапазон бюджета», если тип услуги равен «Премиум».
- Скрыть поле «Код скидки», если общая сумма заказа меньше 50 долларов.
- Отображать варианты с возрастными ограничениями, если возраст превышает 1 год.
🎨 Полная настройка
- Пользовательские классы CSS
- Режим скрытого поля
- Оптимизированные для мобильных устройств входные данные
- Поддержка специальных возможностей
- Интеграция со всеми функциями формы.
- Шаг изменения, начальное значение
- Минимально/максимально допустимое значение
- Скрытое поле, скрытая ценность
⚙️ Интеллектуальная конфигурация
Значения по умолчанию
Заполните поля начальными числами, чтобы помочь пользователям или ускорить процесс заполнения.
Текст заполнителя
Перед вводом данных пользователям следует показывать полезные подсказки, например, «Введите количество» или «Ваш возраст».
Текст помощи
Добавьте пояснения, чтобы уточнить, какие числа следует вводить.
Простая настройка в 3 шага.
Создайте выпадающее поле за считанные минуты.
Добавить числовое поле
Перетащите поле «Число» из раздела «Основные поля» в форму.
Установить правила проверки
Настройте минимальные/максимальные значения, шаг и начальное значение, чтобы контролировать, какие числа могут вводить пользователи.
Выберите формат и стиль
Выберите простой, денежный, процентный или десятичный формат. При желании можно включить режим ползунка для визуального выбора.
🎉 Вот и всё! Ваше числовое поле готово, с интеллектуальной проверкой и форматированием.
Реальные приложения
Электронная коммерция и заказы
- селекторы количества продукции
- Фильтры ценового диапазона
- Ввод процента скидки
- Количество товаров и итоговые суммы
Опросы и рейтинги
- Оценка удовлетворенности (1-10)
- Звездные рейтинги
- Приоритетные рейтинги
- Шкалы вероятности
Фитнес и здоровье
- Отслеживание веса
- Измерения роста
- повторения упражнения
- Калькуляторы ИМТ
Бронирование и резервирование
- Количество гостей/участников
- Количество номеров
- Продолжительность в часах/днях
- Размер группы
Заявки
- Подтверждение возраста
- Годы опыта
- Предполагаемая зарплата
- Диапазоны бюджета
Деловые финансы
- Входные данные для учета доходов
- Суммы инвестиций
- Проценты рентабельности инвестиций
- Комиссионные ставки
Полные параметры поля
Базовая конфигурация
- Метка поля – Заголовок, отображаемый над числовым полем
- Описание/Текст справки – Дополнительные указания для пользователей
- Обязательное поле – Ввод номера должен быть обязательным
- Текст заполнителя – Подсказка перед вводом числа
Настройки проверки
- Минимально допустимое значение (мин.) – Наименьшее допустимое число
- Максимально допустимое значение (макс.) – Максимально допустимое число
- Размер шага – Шаг изменения (1, 0.5, 0.01 и т. д.)
- Начальное значение – Предварительно заполненное число по умолчанию
Форматирование чисел
- Формат отображения
- Простое число
- Валюта (с символом)
- Процент (%)
- Десятичная дробь (с фиксированным числом знаков после запятой)
Символ валюты – $, €, £, ¥, ₹ (в формате «Валюта»)
Десятичные разряды – 0, 1, 2, 3 или 4 цифры (при десятичном формате)
Параметры слайдера
- Показать в виде слайдера – Включить интерактивный режим ползунка
- Цвет слайдера – Настраиваемый инструмент выбора цвета для брендинга
- Показать число рядом с ползунком – Отобразить текущее значение
Условная логика
- Включение условной логики – Отображать/скрывать в зависимости от условий
Тип логики- Все условия должны быть соблюдены (И)
- Любое условие может быть выполнено (ИЛИ)
- Условия Правила
- Показать спрятать – Действия, которые необходимо предпринять
- Поиск – Какое поле отметить
- оператор – Равно, Не равно, Содержит, Больше, Меньше, Пусто, Не пусто
- Значение – Значение сравнения
- Несколько условий – Добавить неограниченное количество правил
Дополнительные параметры
- Режим скрытого поля – Использовать как скрытое поле с предустановленным значением
- Пользовательские CSS-классы – Применить пользовательский стиль
- Атрибуты доступности – Метки и описания ARIA
Почему стоит выбрать наше числовое поле?
✅ точный – Точная проверка минимального/максимального значения предотвращает ввод некорректных данных.
✅ Гибкий Подход – Множество форматов для любых задач
✅ визуальный – Режим слайдера создает увлекательные интерактивные возможности.
✅ Smart – Условная логика создает динамические формы
✅ Удобный – Понятные сообщения, подтверждающие данные, помогают пользователям.
✅ Профессионализм – Встроенное форматирование валюты и процентов
✅ Оптимизировано для мобильных устройств – Идеальные цифровые клавиатуры для мобильных устройств
✅ Полностью интегрированный – Бесперебойно работает со всеми функциями формы.
Часто задаваемые вопросы (FAQ)
В: В чём разница между минимальным/максимальным значением и проверкой?
A: Настройки Min/Max обеспечивают мгновенную проверку на уровне браузера. Пользователи не могут ввести недопустимые числа, что делает формы безошибочными и удобными для пользователя.
Вопрос: Могу ли я использовать десятичные числа?
A: Да! Установите значение шага для управления количеством десятичных знаков. Используйте 0.01 для валюты (цен), 0.1 для одного десятичного знака или любой другой пользовательский шаг.
В: Как работает слайдер на мобильном устройстве?
A: Слайдеры оптимизированы для сенсорного управления и плавно работают на мобильных устройствах.
В: Можно ли коллекционировать отрицательные числа?
А: Конечно! Установите отрицательное минимальное значение (например, Мин: -100, Макс: 100), чтобы разрешить использование отрицательных чисел.
В: Какие символы валют поддерживаются?
A: Любой символ! Введите $, €, £, ¥, ₹ или любой другой символ (до 3 символов).
В: Можно ли использовать условную логику, основанную на сравнении чисел?
А: Да! Используйте операторы «Больше», «Меньше» и «Равно», чтобы создавать логику на основе числовых значений.
В: Как создать поле для ввода процентов?
A: Выберите «Проценты (%)» в качестве формата отображения. Символ % появляется автоматически, и пользователи вводят значения от 0 до 100.
В: Можно ли изменить цвет ползунка?
А: Да! В режиме ползунка вы можете выбрать любой цвет с помощью палитры цветов.
В: Что произойдет, если пользователи введут числа, выходящие за пределы допустимого диапазона?
A: Проверка браузером останавливает отправку данных и отображает сообщение об ошибке, например: «Значение должно быть в диапазоне от 1 до 100».
В: Могу ли я использовать числовое поле для вычислений?
А: Да! Значения числовых полей используются в условных сравнениях и вычислениях при обработке форм.
В: Насколько точными могут быть десятичные числа?
A: Вы можете установить количество десятичных знаков от 0 до 4, а шаг дискретизации может быть настолько точным, насколько это необходимо (например, 0.001).
