Name

textarea

Type

textarea

Synopsis

How to render a textarea input field

Description

textarea elements create larger text input fields that let the user enter a text. It also differs from other input fields as there is no value you can set. Instead you use an opening input type and a closing one. The value will be in between. See example.

Parameters

<textarea></textarea>

There is one non-HTML5 argument you can use together with a textarea and it is called source. When you add the argument source="<FULLPAGENAME>" to a textarea, FlexForm will grab the main content of that page and put it inside the textarea. Example : source="Main page", will put the main content of the main page inside the textarea. If you have e.g. the extension Visual editor for all or the Tinymce extension, this feature will allow to easily edit a different page right in the form you are creating.

For all supported HTML5 arguments have a look at the link at the links section.

Example

<textarea name="comment" placeholder="Type your comment" required="required">This is the text value</textarea>

Notes

VisualEditor

If you have installed the VisualEditor and VEForAll extensions, you can associate a textarea with the VisualEditor interface for rich text editing. To do so, just add editor="ve" to your textarea. You can have as many VE editors on a page as needed.

Version note

In earlier versions of FlexForm, you would use an _input with type="textarea".

Links

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea