Skip to content

textarea field ​

The field is used to enter long text.

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 and Shift + 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:

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";

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:

ts
{}
{}

Released under the MIT License.