Textarea Field Element

Last Update: September 10, 2025

The Avada Textarea Element provides a multi-line input field within a form, allowing users to enter longer text such as comments, messages, or detailed feedback. You can define the field size, placeholder text, and character limits, ensuring submissions are structured and manageable.

Watch the video below for a visual overview of Avada Form Builder Elements, and view the Avada Textarea Field Element page. Read on to see the complete list of options.

For privacy reasons YouTube needs your permission to be loaded.
View Element Page!
View Live Example!
View Form Builder Elements!

How To Use The Avada Textarea Field Element

The Avada Textarea Field Element allows you to place a long-form text field into your forms for people to write a message. To start, add the element to your desired Column in an Avada Form Layout.

This Element is much the same as the Avada Text Field Element, with one significant difference. Here you can configure a Textarea Row Value, making the text area as big as you like. Otherwise, configure this Element much as you would a Text Field Element. Read below for a description of all element options.

Element Options

Location: The edit screen within each Element. You access the Form Builder Elements when adding an Element while editing a Form in the Avada Form Builder (Forms > Form Builder, from the Avada Dashboard).

You can deploy as many individual Elements in your forms as you need, there is no limit. Within each of the Elements, you will see a tab or tabs that house an array of options that make it possible for you to configure each instance of the Element independently, greatly enhancing your flexibility and creative options.

General

HeadingDescription
Field LabelEnter the label for the input field. This is how users will identify individual fields.
Field NameEnter the field name. Please use only lowercase alphanumeric characters, dashes, and underscores.
Field ValueEnter a starting value for the element. Usually this should be empty and a placeholder used instead.
Required FieldMake a selection to ensure that this field is completed before allowing the user to submit the form.
Empty Input NoticeEnter text validation notice that should display if data input is empty.
Readonly FieldChoose to set the field to read-only, which makes its content uneditable. Readonly fields will be submitted.
Disabled FieldChoose to disable the field, which makes its content uneditable. Disabled fields won't be submitted.
Placeholder TextThe placeholder text to display as hint for the input type. If tooltip is enabled, the placeholder will be displayed as tooltip.
Tooltip TextThe text to display as tooltip hint for the input.
Input Field IconSelect an icon for the input field, click again to deselect.
Autocomplete TokensSelect an autocomplete detail token. Select custom to add your own token combination. For more info and examples, you can check MDN Web Docs.
Autocomplete Custom TokensEnter your custom autocomplete tokens. For more info and examples, you can check MDN Web Docs.
Textarea Row ValueChoose number of rows you want to have for this textarea field.
Minimum Required CharactersControls the minimum number of characters that will be required for this input field. Leave at 0 to have no minimum.
Maximum Allowed CharactersControls the maximum number of characters that will be allowed for this input field. Leave at 0 to have no maximum.
Tab IndexTab index for the form field.
CSS ClassAdd a class for the form field.
CSS IDAdd an ID for the form field.

Conditionals

HeadingDescription
Conditional LogicAdd conditional logic for the input field.

In this article