Text input field

To add a multi-line text field to a task, use the {{field type= "textarea" name= " <field ID>"}} component. Field ID must match the field name in the output data description. For example:

{{field type="textarea" name="result" width="270px" rows=5}} 
Full list of parameters

Parameter

Description

Required

Default value

type

Field type: textarea — Multistring text input field.

yes

no

name

Field ID. Must match the field name in the output data description.

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

The height of the text field (the number of lines shown without scrolling).

Example: {{field type="textarea" name="result" width="270px" rows=5}}

no

3

disabled

Whether data can be edited:

  • disabled=true — The field can't be edited.

  • disabled=false — The field can be edited.

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"

Add a field of string type into the output data description. For example:

{
  "result": {
    "type": "string",
    "required": true
  }
}