Числове поле
Збирайте числа з точністю та стилем. Від простих числових вводів до інтерактивних повзунків з форматуванням валюти – поле «Число» забезпечує перевірку, форматування та зручний користувацький інтерфейс.
Розумний збір номерів із вбудованою перевіркою
Ідеально підходить для:
Потужні функції для будь-якого випадку використання
🎯 Точний контроль перевірки
Мінімальні/максимальні межі
Встановіть найнижче та найвище дозволені значення. Запобігайте введенню недійсних записів перед надсиланням за допомогою вбудованої перевірки браузера.
Контроль розміру кроку
Визначте значення приросту – цілі числа (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 – Умовна логіка створює динамічні форми
✅ дружній – Чіткі повідомлення підтвердження допомагають користувачам
✅ Professional – Вбудоване форматування валюти та відсотків
✅ Оптимізовано для мобільних пристроїв – Ідеальні цифрові клавіатури на мобільних пристроях
✅ Повністю інтегрований – Бездоганно працює з усіма функціями форми
Поширені запитання
З: Яка різниця між Min/Max та валідацією?
A: Налаштування Мін/Макс забезпечують миттєву перевірку на рівні браузера. Користувачі не можуть надсилати недійсні числа, що робить форми безпомилковими та зручними для користувача.
З: Чи можна використовувати десяткові числа?
В: Так! Встановіть значення кроку для керування десятковими знаками. Використовуйте 0.01 для валюти (цін), 0.1 для одного знака після коми або будь-який інший власний крок.
З: Як працює слайдер на мобільному пристрої?
A: Слайдери оптимізовані для сенсорного керування та безперебійно працюють на мобільних пристроях.
З: Чи можу я збирати від'ємні числа?
В: Абсолютно! Встановіть від’ємне мінімальне значення (наприклад, Мін: -100, Макс: 100), щоб дозволити від’ємні числа.
З: Які символи валют підтримуються?
A: Будь-який символ! Введіть $, €, £, ¥, ₹ або будь-який власний символ довжиною до 3 символів.
З: Чи можна використовувати умовну логіку на основі порівняння чисел?
В: Так! Використовуйте оператори типу «Більше ніж», «Менше ніж» та «Дорівнює», щоб створювати логіку на основі числових значень.
З: Як створити поле відсотків?
A: Виберіть «Відсоток (%)» як формат відображення. Символ % з’являється автоматично, і користувачі вводять значення від 0 до 100.
З: Чи можна змінити колір слайдера?
В: Так! Коли режим повзунка ввімкнено, ви можете вибрати будь-який колір за допомогою палітри кольорів.
З: Що станеться, якщо користувачі введуть числа поза діапазоном?
A: Перевірка браузера зупиняє надсилання та показує повідомлення про помилку, наприклад «Значення має бути від 1 до 100».
З: Чи можна використовувати числове поле для обчислень?
В: Так! Значення числових полів працюють в умовних порівняннях та обчисленнях під час обробки форм.
З: Наскільки точними можуть бути десяткові числа?
A: Ви можете встановити кількість знаків після коми від 0 до 4 цифр, а значення кроку можуть бути настільки точними, наскільки потрібно (наприклад, 0.001).
