Документация Толоки

Поле для ввода текста

    Обратите внимание

    Документация на русском языке может быть устаревшей. Самые последние изменения доступны в документации на английском языке.

    Примечание

    Справочник по настройке интерфейса описывает работу редактора HTML/JS/CSS. Вы также можете попробовать создать поле для ввода текста в Конструкторе шаблонов.

    Чтобы добавить в задание поле для ввода многострочного текста, используйте компонент {{field type="textarea" name="<название выходного поля>"}}. Например:

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

    В описании выходных данных добавьте поле с типом string. Например:

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

    Параметры

    Параметр

    Описание

    Обязательный

    Значение по умолчанию

    type

    Тип поля: textarea — поле для ввода многострочного текста.

    да

    нет

    name

    Атрибут для поля выходных данных. Содержит имя поля выходных данных.

    да

    нет

    value

    Текст, который записывается в файл с выходными данными по умолчанию.

    нет

    нет

    validation-show

    Расположение всплывающих подсказок (отображаются, если ответ не прошел валидацию). Расположение указывается относительно поля ввода.

    Допустимые значения:

    • Над полем ввода: "top-left" (слева), "top-center" (посередине), "top-right" (справа).

    • Под полем ввода: "bottom-left" (слева), "bottom-center" (посередине), "bottom-right" (справа).

    • Слева от поля ввода: "left-top" (сверху), "left-center" (посередине), "left-bottom" (внизу).

    • Справа от поля ввода: "right-top" (сверху), "right-center" (посередине), "right-bottom" (внизу).

    • Не показывать сообщение ("false").

    нет

    "top-left"

    size

    Размер поля.

    Допустимые значения: "M", "L".

    нет

    "L"

    width

    Ширина поля. Указывается в следующих единицах:

    • Пиксели. Например: width="100px".

    • Доля от размера родительского элемента. Например: width="100%".

    Можно также задать ширину формулой. Например: width="calc(100%-30px)".

    нет

    зависит от браузера и размера шрифта

    rows

    Высота текстового поля (количество строк, которые отображаются без прокрутки).

    Пример:{{field type="textarea" name="result" width="270px" rows=5}}

    нет

    3

    disabled

    Возможность редактирования:

    • disabled=true — поле закрыто для редактирования.

    • disabled=false — поле открыто для редактирования.

    нет

    false

    resize

    Возможность для исполнителя изменять размер поля:

    • resize="vertical" — возможность изменять высоту.

    • resize="horizontal" — возможность изменять ширину.

    • resize="both" — возможность изменять высоту и ширину.

    нет

    нет

    placeholder

    Текст-подсказка, отображаемый в пустом поле ввода.

    нет

    нет

    class

    CSS-класс для поля. Например: class="annotation".

    нет

    ".field" ".field_type_textarea"