| (2 intermediate revisions by 2 users not shown) | |||
| Line 11: | Line 11: | ||
<code><nowiki><textarea></textarea></nowiki></code> | <code><nowiki><textarea></textarea></nowiki></code> | ||
| − | For all supported | + | 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=== | ===Example=== | ||
<syntaxhighlight lang="html"> | <syntaxhighlight lang="html"> | ||
| Line 23: | Line 25: | ||
====Version note==== | ====Version note==== | ||
| − | In earlier versions of FlexForm, you would use an <code> | + | In earlier versions of FlexForm, you would use an <code>_input</code> with <code>type="textarea"</code>. |
===Links=== | ===Links=== | ||
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea | https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea | ||
Latest revision as of 15:43, 5 December 2023
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
