textarea field
The field is used to enter long text.
- Keyword
textarea
. - WhatWG Specification.
Options
autofocus Optional
- Type
boolean | 'true' | 'false'
If this parameter is passed, when setting this field, control will be automatically transferred to it.
autoresize Optional
- Type
boolean | number | string
After entering the data, the field will stretch if this parameter is set.
If you pass true
, the field will be stretch to fit the text inside it.
Passing a numeric value will set the maximum number rows that the field will display without scrolling. If this amount is exceeded vertical scroll will appear.
placeholder Optional
- Type
string
The string value of the prompt before entering data.
Also all parameters common to all FormField
. Information about them can be found on this page.
Meaning
This field works with string values.
Specification
- The field is available when using
Tab
andShift + Tab
. - Lock cancels
Tab
navigation. - Blocking a field changes the style of
textarea
. - Validation error changes
textarea
style. - When set to
autoresize
the size should always be checked when changing values
Examples
There are no additional required parameters for this field, so we need to specify only type
and 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";
Default field:
Enter a description
In locked state:
Disabled
Field not validated:
Error
The password is too simple
Automatic field increase when data changes:
Doing more
The current state of the form:
{}
{}