Text input field
To add a multi-line text field to a task, use the {{field type="textarea" name="<output field name>"}}
component. Example:
{{field type="textarea" name="result" width="270px" rows=5}}
Copied to clipboard
Add a field of string
type in the output data description. Example:
{ "result": { "type": "string", "required": true } }
Copied to clipboard
- Parameters
-
Parameter
Description
Required
Default value
type
Field type:
textarea
— Multistring text input field.yes
no
name
Attribute for the output data field. Contains the output field name.
yes
no
value
Text to record in the output data file by default.
no
no validation-show
The position of popup hints (displayed if the response didn't pass validation). The position is relative to the input field.
Supported values:
Above the input field:
"top-left"
,"top-center"
,"top-right"
.Below the input field:
"bottom-left"
,"bottom-center"
,"bottom-right"
.To the left of the input field:
"left-top"
,"left-center"
,"left-bottom"
.To the right of the input field:
"right-top"
,"right-center"
,"right-bottom"
.Don't display the message (
"false"
).
no
"top-left"
size
Size of the field.
Supported values:
"M"
,"L"
.no
"L"
width
Width of the field. Set in the following units:
Pixels. For example,
width="100px"
.Percentage of the size of the parent element. For example,
width="100%"
.
You can also use a formula for setting the width. For example,
width="calc(100%-30px)"
.no
depends on the browser and font size
rows
Height of the text field (the number of lines visible without scrolling).
Example:{{field type="textarea" name="result" width="270px" rows=5}}
no
3
disabled
Whether data can be edited:
disabled=true
— Non-editable field.disabled=false
— Editable field.
no
false
resize
Whether the performer can change the size of the field:
resize="vertical"
— Resizable height.resize="horizontal"
— Resizable width.resize="both"
— Resizable height and width.
no
no
placeholder
The prompt text to display in the empty field.
no
no
class
The CSS class for the field. For example,
class="annotation"
.no
".field" ".field_type_textarea"
Parameter
Description
Required
Default value
type
Field type:
textarea
— Multistring text input field.yes
no
name
Attribute for the output data field. Contains the output field name.
yes
no
value
Text to record in the output data file by default.
no
no validation-show
The position of popup hints (displayed if the response didn't pass validation). The position is relative to the input field.
Supported values:
Above the input field:
"top-left"
,"top-center"
,"top-right"
.Below the input field:
"bottom-left"
,"bottom-center"
,"bottom-right"
.To the left of the input field:
"left-top"
,"left-center"
,"left-bottom"
.To the right of the input field:
"right-top"
,"right-center"
,"right-bottom"
.Don't display the message (
"false"
).
no
"top-left"
size
Size of the field.
Supported values:
"M"
,"L"
.no
"L"
width
Width of the field. Set in the following units:
Pixels. For example,
width="100px"
.Percentage of the size of the parent element. For example,
width="100%"
.
You can also use a formula for setting the width. For example,
width="calc(100%-30px)"
.no
depends on the browser and font size
rows
Height of the text field (the number of lines visible without scrolling).
Example:{{field type="textarea" name="result" width="270px" rows=5}}
no
3
disabled
Whether data can be edited:
disabled=true
— Non-editable field.disabled=false
— Editable field.
no
false
resize
Whether the performer can change the size of the field:
resize="vertical"
— Resizable height.resize="horizontal"
— Resizable width.resize="both"
— Resizable height and width.
no
no
placeholder
The prompt text to display in the empty field.
no
no
class
The CSS class for the field. For example,
class="annotation"
.no
".field" ".field_type_textarea"