Skip to content

Поле textarea

Поле используется для ввода длинного текста.

Параметры

autofocus Необязательный

  • Тип boolean | 'true' | 'false'

Если данный параметр передаётся, при установке данного поля, на него будет автоматически передано управление.

autoresize Необязательный

  • Тип boolean | number | string

После ввода данных поле будет растягиваться, если данный параметр задан.

Если передать true, поле будет растягиваться под размер текста внутри него.

Передача численного значения установит максимальное количество строк, которое поле будет отображать без прокрутки. При превышении это количества появится вертикальная прокрутка.

placeholder Необязательный

  • Тип string

Строковое значение подсказки перед вводом данных.


Так же все параметры, общие для всех FormField. Информацию о них можно посмотреть на этой странице.

Значение

Данное поле работает со строковыми значениями.

Спецификация

  • Поле доступно при использовании Tab и Shift + Tab.
  • Блокировка отменяет навигацию через Tab.
  • Блокировка поля изменяет стилистику textarea.
  • Ошибка валидации изменяет стилистику textarea.
  • При установке autoresize размер должен всегда проверяться, при изменении значения

Примеры

Для данного поля нет дополнительных обязательных параметров, по этому нам необходимо указать лишь type и name:

html
<form-field name = "pass" type="textarea"/>
<form-field name = "pass" type="textarea"/>
ts
import {FormField} from "jenesius-vue-form";
import {FormField} from "jenesius-vue-form";

Поле по умолчанию:

Введите описание


В заблокированном состоянии:

Заблокированное


Поле не прошло валидацию:

С ошибкой

The password is too simple


Автоматическое увеличение поля при изменении данных:

Делаем больше


Текущее состояние формы:

ts
{}
{}

Released under the MIT License.