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

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

{{field type="input" name="result" placeholder="Введите слово" validation-show="right-center"}}

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

{
  "result": {
    "type": "string",
    "required": true
     }
}
Скопировано

Параметры

Параметр	Описание	Обязательный	Значение по умолчанию
type	Тип поля: input — поле для ввода строки.	да	нет
name	Атрибут для поля выходных данных. Содержит имя поля выходных данных.	да	нет
value	Строка, которая записывается в файл с выходными данными по умолчанию.	нет	нет
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", "XL".	нет	"L"
disabled	Возможность редактирования: disabled=true — поле закрыто для редактирования. disabled=false — поле открыто для редактирования.	нет	false
placeholder	Текст-подсказка, отображаемый в пустом поле ввода.	нет	нет
class	CSS-класс для поля. Например: class="annotation".	нет	".field" ".field_type_input"

Параметр	Описание	Обязательный	Значение по умолчанию
type	Тип поля: input — поле для ввода строки.	да	нет
name	Атрибут для поля выходных данных. Содержит имя поля выходных данных.	да	нет
value	Строка, которая записывается в файл с выходными данными по умолчанию.	нет	нет
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", "XL".	нет	"L"
disabled	Возможность редактирования: disabled=true — поле закрыто для редактирования. disabled=false — поле открыто для редактирования.	нет	false
placeholder	Текст-подсказка, отображаемый в пустом поле ввода.	нет	нет
class	CSS-класс для поля. Например: class="annotation".	нет	".field" ".field_type_input"