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	Overview	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	Overview	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"