Поле textarea
Поле используется для ввода длинного текста.
- Ключевое слово
textarea
. - WhatWG Спецификация.
Параметры
autofocus Необязательный
- Тип
boolean | 'true' | 'false'
Если данный параметр передаётся, при установке данного поля, на него будет автоматически передано управление.
autoresize Необязательный
- Тип
boolean | number | string
После ввода данных поле будет растягиваться, если данный параметр задан.
Если передать true
, поле будет растягиваться под размер текста внутри него.
Передача численного значения установит максимальное количество строк, которое поле будет отображать без прокрутки. При превышении это количества появится вертикальная прокрутка.
placeholder Необязательный
- Тип
string
Строковое значение подсказки перед вводом данных.
Так же все параметры, общие для всех FormField
. Информацию о них можно посмотреть на этой странице.
Значение
Данное поле работает со строковыми значениями.
Спецификация
- Поле доступно при использовании
Tab
иShift + Tab
. - Блокировка отменяет навигацию через
Tab
. - Блокировка поля изменяет стилистику
textarea
. - Ошибка валидации изменяет стилистику
textarea
. - При установке
autoresize
размер должен всегда проверяться, при изменении значения
Примеры
Для данного поля нет дополнительных обязательных параметров, по этому нам необходимо указать лишь type
и name
:
<form-field name = "pass" type="textarea"/>
<form-field name = "pass" type="textarea"/>
import {FormField} from "jenesius-vue-form";
import {FormField} from "jenesius-vue-form";
Поле по умолчанию:
Введите описание
В заблокированном состоянии:
Заблокированное
Поле не прошло валидацию:
С ошибкой
The password is too simple
Автоматическое увеличение поля при изменении данных:
Делаем больше
Текущее состояние формы:
{}
{}