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.