Выпадающий список
Чтобы добавить в задание выпадающий список, используйте компонент {{#field type="select" name="<название выходного поля>"}}... {{/field}}
. Элементы выпадающего списка создаются с помощью вложенного выражения {{select_item}}
. Например:
{{#field type="select" name="colour" placeholder="Выберите цвет" width="200px"}}
{{select_item value="red" text="Красный"}}
{{select_item value="green" text="Зелёный"}}
{{/field}}
В описании выходных данных добавьте поле с типом string
:
{
"colour": {
"type": "string",
"required": true
}
}
- Параметры
-
Параметр
Описание
Обязательный
Значение по умолчанию
type
Тип поля:
select
— выпадающий список.да
нет
name
Атрибут для поля выходных данных. Содержит имя поля выходных данных.
да
нет
placeholder
Название выпадающего списка в интерфейсе.
нет
нет
width
Ширина поля. Указывается в следующих единицах:
Пиксели. Например:
width="100px"
.Доля от размера родительского элемента. Например:
width="100%"
.
Можно также задать ширину формулой. Например:
width="calc(100%-30px)"
.нет
зависит от длины подписи
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
Размер поля.
Допустимые значения:
"S"
,"M"
,"L"
.нет
"L"
class
CSS-класс для поля. Например:
class="annotation"
.нет
".field" ".field_type_select"
disabled
Возможность редактирования:
disabled=true
— поле закрыто для редактирования.disabled=false
— поле открыто для редактирования.
нет
false
mode
Направление, в котором раскрывается список:
mode="dropdown"
— вниз.mode="dropup"
— вверх.
нет
"dropdown"
value
Текст, который записывается в файл с выходными данными при выборе данного элемента.
нет
нет text
Название элемента списка.
нет
нет
selected
Элемент списка, который выбран по умолчанию:
selected=true
— сделать элемент списка выбранным по умолчанию.selected=false
— оставить элемент списка невыбранным по умолчанию.
нет
false
Параметр
Описание
Обязательный
Значение по умолчанию
type
Тип поля:
select
— выпадающий список.да
нет
name
Атрибут для поля выходных данных. Содержит имя поля выходных данных.
да
нет
placeholder
Название выпадающего списка в интерфейсе.
нет
нет
width
Ширина поля. Указывается в следующих единицах:
Пиксели. Например:
width="100px"
.Доля от размера родительского элемента. Например:
width="100%"
.
Можно также задать ширину формулой. Например:
width="calc(100%-30px)"
.нет
зависит от длины подписи
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
Размер поля.
Допустимые значения:
"S"
,"M"
,"L"
.нет
"L"
class
CSS-класс для поля. Например:
class="annotation"
.нет
".field" ".field_type_select"
disabled
Возможность редактирования:
disabled=true
— поле закрыто для редактирования.disabled=false
— поле открыто для редактирования.
нет
false
mode
Направление, в котором раскрывается список:
mode="dropdown"
— вниз.mode="dropup"
— вверх.
нет
"dropdown"
value
Текст, который записывается в файл с выходными данными при выборе данного элемента.
нет
нет text
Название элемента списка.
нет
нет
selected
Элемент списка, который выбран по умолчанию:
selected=true
— сделать элемент списка выбранным по умолчанию.selected=false
— оставить элемент списка невыбранным по умолчанию.
нет
false