Поиск данных в сети
В Толоке есть шаблон Поиск данных в сети (посмотреть код в песочнице). В нем уже настроена валидация и внешний вид задания. В этом шаблоне исполнителю предлагается ввести контактную информацию об организации на основе поиска данных в сети.
- view.text — позволяет добавить текст к заданию;
- view.link-group — объединяет ссылки в группы;
- helper.search-query — позволяет создать поисковой запрос;
- сочетание helper.if и condition.equals — прячет поля для ввода контактов, если нажато «Нет контактов»;
- field.checkbox — позволяет добавить переключатель в виде галочки;
- field.phone-number — позволяет добавить поле для ввода номера телефона;
- field.email — позволяет добавить поле для ввода адреса электронной почты;
- сочетание condition.any, condition.required и condition.equals — проверяет, что заполнено одно из полей «Телефон» или «Email», либо использован вариант «Нет контактов»;
- plugin.toloka — настраивает внешний вид задания.
Что еще можно настроить
Если от пользователя требуется вводить длинный текст, то добавьте поле для многострочного текста field.textarea.
Если от пользователя требуется ввести число, добавьте поле field.number.
Если от пользователя требуется найти в интернете файл, добавьте поле для выбора файла field.file. Например, если нужно загрузить фото с определенным предметом на нем.
В режиме проверки задания загруженные изображения появятся автоматически. Изображения можно просматривать, поворачивать и переключаться между ними.
Если от пользователя требуется найти и вставить ссылку на определенную страницу с этого сайта, добавьте компонент condition.same-domain. Компонент проверит, что ссылка с того домена, который требуется.
Если вам не подходит этот шаблон, посмотрите другие примеры в этом разделе.
Добавить поле для выбора вариантов ответа
Если от пользователя требуется перейти по ссылке поиска и ответить на вопрос, добавьте поле field.radio-group для выбора одного из вариантов ответа.
Добавить картинку и поле для ввода даты
Например, для поиска информации об актере по имени и фотографии.
В этом примере добавлены:
- картинка view.image;
- поле для ввода короткого текста field.text;
- поле для ввода даты рождения field.date.
Разделить интерфейс задания на колонки
Другой вариант задания, в котором пользователь должен найти информацию об организации.
В этом примере добавлены:
- компонент layout.columns позволяет разместить в две колонки описание задания и страницу сайта внутри компонента view.iframe;
- текст задания view.text;
- ссылка на сайт view.link;
- кнопки вариантов ответа field.button-radio-group;
- компонент condition.schema проверяет формат введенных данных, в данном случае — форматы ИНН и ОГРН.