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}} 

Add a field of string type in the output data description. Example:

{
  "result": {
    "type": "string",
    "required": true
  }
}
Full list of 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" — Resizabe 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"