Text Area
Last updated
Last updated
Text Area — это элемент пользовательского интерфейса, предназначенный для ввода больших объемов текста. В отличие от стандартного поля ввода, Text Area позволяет пользователям вводить многоканальные текстовые фрагменты, обеспечивая более удобный ввод и редактирование длинного текста. Text Area часто используется для добавления комментариев, написания сообщений или заполнения форм с детализированными ответами.
Значение по умолчанию / Default Value
Задает вариант, который будет выбран по умолчанию при первом отображении. Укажите значение, соответствующее одному из доступных вариантов, чтобы задать начальное состояние
Место для размещения / Placement
Указывает, где должно отображаться выпадающее меню с предложениями относительно текстового поля ввода
Текст / Text
Определяет название компонента
Всплывающая подсказка / Tooltip
Отображает дополнительную информацию при наведении
Позиция / Position
Устанавливает расположение метки относительно компонента
Выравнивание / Alignment
Определяет способ выравнивания текста метки
Ширина / Width
Задаёт ширину метки в процентах или пикселях
Обработчики событий / Event handlers
Добавьте обработчики, чтобы реагировать на изменения состояния компонента
Выключить / Disable
Введите "true", чтобы выключить компонент
Высота / Height
Определяет, как будет формироваться высота текстовой области:
- Auto - Автоматически изменяет высоту в зависимости от объема вводимого текста, расширяясь по мере необходимости.
- Fixed - Задает фиксированную высоту текстовой области, сохраняя постоянный размер независимо от количества текста.
Показывать полосы прокрутки в текстовой области / Show Scrollbars in Text Area
Определяет, будут ли отображаться полосы прокрутки, когда содержимое превышает размеры текстовой области. Установите true, чтобы разрешить прокрутку, или false для скрытия полос прокрутки
Скрыть / Hide
Указывает, должно ли поле автозаполнения быть скрыто в интерфейсе
Показать кнопку очистки / Show Clear Button
Добавляет кнопку для быстрого удаления всего содержимого текстового поля, возвращая его в исходное пустое состояние
Только для чтения / Read-Only
Устанавливает текстовую область в режим только для чтения, предотвращая изменение текста пользователем
Обязательное поле / Required
Включает проверку, что поле не может оставаться пустым при отправке формы
Показать проверку пустого значения / Show empty value
Активирует отображение ошибки при попытке отправить форму с пустым значением
Тип текста / Text Type
Определяет, какой тип ввода ожидается, например, стандартный текст, электронная почта, URL или ввод, соответствующий регулярному выражению
Минимальная длина / Minimum Length
Задает минимальное количество символов, которое необходимо ввести
Максимальная длина / Maximum Length
Определяет максимальное количество символов, которое пользователь может ввести в поле
Пользовательское правило / Custom rule
Позволяет задать собственное условие валидации для проверки введённых данных
Настройки стилей описаны в разделе Настройка стилей компонентов
Имя класса CSS / CSS Class Name
Позволяет добавить компонент в класс, чтобы стилизовать группу элементов
Индивидуальный идентификатор / Unique Identifier (ID)
Позволяет присвоить компоненту уникальный ID, чтобы стилизовать конкретный элемент
Предотвратить перезапись стилей / Prevent Style Override
Включите, чтобы запретить изменение стилей CSS, обеспечивая сохранность первоначального оформления