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

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

{{field type="textarea" name="result" width="270px" rows=5}}
Полный список параметров

Параметр

Описание

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

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

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"

Параметр

Описание

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

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

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"

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

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