Number Input
Описание
Number Input — это элемент пользовательского интерфейса, который позволяет пользователям вводить числовые значения в форму или приложение. Используется для сбора ввода от пользователей, таких числовые данные.
Свойства
Базовые/Basic
Значение по умолчанию / Default Value
Задает вариант, который будет выбран по умолчанию при первом отображении. Укажите значение, соответствующее одному из доступных вариантов, чтобы задать начальное состояние
Место для размещения / Placement
Указывает, где должно отображаться выпадающее меню с предложениями относительно текстового поля ввода
Формат / Format
Определяет формат отображения числового значения:
- Стандарт / Standard - Число отображается в обычном цифровом формате.
- Процент / Percentage - Число отображается в виде процента, что часто используется для данных долей или увеличений
Валидация/Validation
Обязательное поле / Required
Включает проверку, что поле не может оставаться пустым при отправке формы
Показать проверку пустого значения / Show empty value
Активирует отображение ошибки при попытке отправить форму с пустым значением
Тип текста / Text Type
Определяет, какой тип ввода ожидается, например, стандартный текст, электронная почта, URL или ввод, соответствующий регулярному выражению
Минимум / Minimum
Задает минимально допустимое значение для ввода
Максимум / Maximum
Задает максимально допустимое значение для ввода
Пользовательское правило / Custom rule
Позволяет задать собственное условие валидации для проверки введённых данных
Взаимодействие/Interaction
Обработчики событий / Event handlers
Добавьте обработчики, чтобы реагировать на изменения состояния компонента
Выключить / Disable
Введите "true", чтобы выключить компонент
Скрыть / Hide
Указывает, должен ли компонент быть скрытым в интерфейсе
Этикетка/Label
Текст / Text
Определяет название компонента
Всплывающая подсказка / Tooltip
Отображает дополнительную информацию при наведении
Позиция / Position
Устанавливает расположение метки относительно компонента
Выравнивание / Alignment
Определяет способ выравнивания текста метки
Ширина / Width
Задаёт ширину метки в процентах или пикселях
Дополнительно/Advanced
Шаг / Step
Определяет величину, на которую изменится значение при использовании кнопок увеличения или уменьшения
Точность / Precision
Задает количество десятичных знаков, которое будет отображаться
Значок префикса / Prefix Icon
Графический элемент, который отображается перед числовым полем ввода
Префиксный текст / Prefix Text
Текстовая метка, которая отображается непосредственно перед вводимым значением
Разрешить нулевое значение / Allow Zero Value
Установите true, чтобы разрешить ввод и использование нулевого значения, или false, чтобы предотвратить установку нуля в качестве действительного значения
Показать разделитель тысяч / Show Thousand Separator
Установите true, чтобы включить отображение разделителей тысяч для больших чисел, улучшая их читабельность, или false, чтобы показывать число без них
Показать кнопки увеличения или уменьшения / Show Increment Decrement Buttons
Установите true, чтобы отобразить кнопки, которые позволяют пользователю увеличивать или уменьшать значение, или false, чтобы скрыть их, полагаясь только на ручной ввод
Только для чтения / Read-Only
Устанавливает текстовую область в режим только для чтения, предотвращая изменение текста пользователем
Стили/Style
Настройки стилей описаны в разделе Настройка стилей компонентов
Идентификаторы компонентов/Component Identifiers
Имя класса CSS / CSS Class Name
Позволяет добавить компонент в класс, чтобы стилизовать группу элементов
Индивидуальный идентификатор / Unique Identifier (ID)
Позволяет присвоить компоненту уникальный ID, чтобы стилизовать конкретный элемент
Предотвратить перезапись стилей / Prevent Style Override
Включите, чтобы запретить изменение стилей CSS, обеспечивая сохранность первоначального оформления
Last updated