Числово поле
Събирайте числа с прецизност и стил. От прости числови входове до интерактивни плъзгачи с форматиране на валута - полето „Число“ осигурява валидиране, форматиране и красиво потребителско изживяване.
Интелигентно събиране на числа с вградена валидация
Идеално за:
Мощни функции за всеки случай на употреба
🎯 Прецизен контрол на валидирането
Граници на мин./макс.
Задайте най-ниските и най-високите допустими стойности. Предотвратете невалидни записи преди изпращане с вградена проверка в браузъра.
Контрол на размера на стъпката
Дефинирайте стойности на нарастване – цели числа (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 и т.н.)
- Начална стойност – Предварително попълнен номер по подразбиране
Брой форматиране
- Формат на показване
- Обикновен номер
- Валута (със символ)
- Процент (%)
- Десетична дроб (с фиксирани места)
Валутна Symbol – $, €, £, ¥, ₹ (когато форматът е Валута)
Десетични знаци – 0, 1, 2, 3 или 4 цифри (когато форматът е десетичен)
Опции на плъзгача
- Показване като плъзгач – Активиране на интерактивен режим на плъзгача
- Цвят на плъзгача – Персонализиран инструмент за избор на цвят за брандиране
- Показване на числото до плъзгача – Показване на текущата стойност
Условна логика
- Активирайте условната логика – Показване/скриване въз основа на условията
Тип логика- Всички условия трябва да бъдат изпълнени (И)
- Всяко условие може да бъде изпълнено (ИЛИ)
- Правила за условия
- Покажи скрий – Действия, които трябва да се предприемат
- Област – Кое поле да се провери
- Оператор – Равно, Не е равно, Съдържа, По-голямо от, По-малко от, Празно е, Не е празно
- Стойност – Сравнителна стойност
- Множество условия – Добавете неограничен брой правила
Разширени опции
- Режим на скрито поле – Използвайте като скрито поле с предварително зададена стойност
- Персонализирани CSS класове – Прилагане на персонализиран стил
- Атрибути за достъпност – ARIA етикети и описания
Защо да изберете нашето поле за номера?
✅ точен – Точната проверка на минималните/максималните стойности предотвратява невалидни записи
✅ Гъвкав – Множество формати за всеки случай на употреба
✅ зрителен – Режимът на плъзгача създава ангажиращи взаимодействия
✅ Умен – Условната логика създава динамични форми
✅ Удобен за потребителя – Ясни съобщения за валидиране насочват потребителите
✅ Професионализъм – Вградено форматиране на валута и проценти
✅ Оптимизиран за мобилни устройства – Перфектни клавиатури за числа на мобилни устройства
✅ Напълно интегрирана – Работи безпроблемно с всички функции на формуляра
Често задавани въпроси
В: Каква е разликата между Min/Max и валидиране?
A: Настройките за мин./макс. стойности осигуряват незабавна проверка на ниво браузър. Потребителите не могат да изпращат невалидни числа, което прави формулярите без грешки и лесни за използване.
В: Мога ли да използвам десетични числа?
A: Да! Задайте стойността на стъпката, за да контролирате десетичните знаци. Използвайте 0.01 за валута (цени), 0.1 за един знак след десетичната запетая или произволна персонализирана стъпка.
В: Как работи плъзгачът на мобилни устройства?
A: Плъзгачите са оптимизирани за тъчскрийн и работят гладко на мобилни устройства.
В: Мога ли да събирам отрицателни числа?
A: Абсолютно! Задайте отрицателна минимална стойност (напр. Мин: -100, Макс: 100), за да разрешите отрицателни числа.
В: Какви валутни символи се поддържат?
A: Всеки символ! Въведете $, €, £, ¥, ₹ или произволен персонализиран символ до 3 знака.
В: Мога ли да използвам условна логика, базирана на сравнения на числа?
A: Да! Използвайте оператори като „По-голямо от“, „По-малко от“ и „Равно“, за да създадете логика, базирана на числови стойности.
В: Как да създам поле за процент?
A: Изберете „Процент (%)“ като формат на показване. Символът % се появява автоматично и потребителите въвеждат стойности от 0 до 100.
В: Мога ли да променя цвета на плъзгача?
A: Да! Когато режимът на плъзгача е активиран, можете да изберете всеки цвят, като използвате инструмента за избор на цвят.
В: Какво се случва, ако потребителите въведат числа извън диапазона?
A: Валидацията на браузъра спира изпращането и показва съобщение за грешка, като например „Стойността трябва да е между 1 и 100“.
В: Мога ли да използвам числовото поле за изчисления?
A: Да! Стойностите на числовите полета работят при условни сравнения и изчисления при обработката на формуляри.
В: Колко точни могат да бъдат десетичните числа?
A: Можете да зададете десетични знаци от 0 до 4 цифри, а стойностите на стъпките могат да бъдат толкова точни, колкото е необходимо (например 0.001).
