Поиск данных в сети

В Толоке есть шаблон Поиск данных в сети (посмотреть код в песочнице). В нем уже настроена валидация и внешний вид задания. В этом шаблоне исполнителю предлагается ввести контактную информацию об организации на основе поиска данных в сети.

Из каких компонентов состоит этот пример
  • 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 проверяет формат введенных данных, в данном случае — форматы ИНН и ОГРН.