Toloka documentation

Text input field

    Note

    The task interface configuration guide describes the features of the HTML/JS/CSS editor. You can also try creating a text input field in Template Builder.

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

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