Поле для ввода текста
Чтобы добавить в задание поле для ввода многострочного текста, используйте компонент {{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"
Параметр
Описание
Обязательный
Значение по умолчанию
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"