Типы полей в формах

Для изменения типов полей в форме, например, чтобы изменить поле "Электронная почта" на поле "Телефон", необходимо открыть настройки поля в гаечном ключе и выбрать необходимый тип поля.

Возможно вы спросите: "Зачем менять тип поля, когда можно просто сменить его название?" Тип поля  определяет какие данные в него могут быть введены, например, в поле "Электронная почта" не получится ввести номер телефона, а в поле "Номер телефона" не получится ввести email.

В чем отличие одного поля от другого, если можно просто переименовать его?

Все поля можно разделить на несколько типов:

  • Текстовые;
  • Числовые;
  • Галочки;
  • Варианты;
  • Кнопки;
  • И дополнительные, которые не входят ни в одну из перечисленных категорий.

Каждое поле следует использовать по своему назначению. Например, для поля "Текст" вы можете указать название "Имя" и посетителю будет понятно, что в это поле нужно ввести свое имя. Однако для удобного просмотра заявок в личном кабинете или для интеграций со сторонними сервисами требуется использование полей строго по назначению.

Проверить работу полей можно в редакторе (кроме отправки формы), предпросмотре или на опубликованной странице.

Текстовые поля:

  • Имя - для ввода Фамилии, Имени и Отчества;
  • Электронная почта - для ввода email-адреса;
  • Текст - можно ввести любой текст или чисто в одну строку;
  • Многострочный текст - можно ввести любой текст или чисто в несколько строк;
  • Скрытое поле - используется разработчиками для передачи дополнительной информации о визите на сайт.

Числовые поля:

  • Телефон - для ввода номера телефона, например, +79812345678;
  • Количество - для ввода чисел в количественном выражении, например, нужно заказать 10 букетов роз, тогда пользователь может ввести данное число в форму;
  • Ползунок - в поле ползунок владелец сайта самостоятельно указывает минимальное, максимальное значение и шаг. При помощи шага можно указать на сколько будет увеличиваться или уменьшаться значение, например, минимальное значение 1, максимальное - 100, шаг - 10, тогда при передвижении ползунка значение будет увеличиваться или уменьшаться на 10;
  • Калькулятор - применяется для форм-калькуляторов и отображает итоговое значение цены, массы или других единиц.

Галочки:

  • Одноименное поле "Галочки" - позволяет выбрать несколько значений;
  • Галочки с картинками - позволяет выбрать несколько значений;
  • Одна галочка - позволяет выбрать одно значение или пропустить его;
  • Даю согласие на обработку персональных данных - чтобы заявка была отправлена посетитель должен поставить галочку напротив данного поля, в противном случае заявка не будет отправлена, а посетителю выводится уведомление, о том, что нужно согласиться с условиями прежде, чем отправить заявку.

Варианты:

  • Одноименное поле ”Варианты” - позволяет выбрать только одно значение среди перечисленных;
  • Варианты с картинками - позволяет выбрать только одно значение среди перечисленных;
  • Выпадающий список - позволяет выбрать только одно значение среди перечисленных, такое поле занимает меньше места в форме.

Кнопки:

  • Политика конфиденциальности - кнопка, которая открывает модальное окно, а в нем вы можете разместить политику конфиденциальности вашей организации;
  • Нажимая кнопку, вы даете согласие на обработку персональных данных - имеется ввиду, что при нажатии кнопки ”Отправить заявку” пользователь автоматически соглашается с условиями обработки персональных данных. Обычно данная кнопка размещается или под кнопкой ”Отправить заявку” или над ней, также возможно размещение слева или справа при использовании виджета ”Колонки”;
  • Обычный виджет ”Кнопка” с действием ”Отправить форму или перейти к следующему шагу” - необходимо для отправки формы. Форма может быть без кнопки ”Отправить заявку”, тогда для отправки нужно нажать кнопку Enter, но так как об этом знают не все посетители сайта, добавляется кнопка с понятным текстом.

Подробнее о кнопках ”Политики конфиденциальности” и ”Обработке персональных данных” в этой инструкции.

Не вошедшие ни в одну категорию выше:

  • Файл - в одну форму можно добавить два и более полей "Файл", максимальный вес одного файла не должен превышать 20 мегабайт, если нужно передать несколько файлов используя одно поле, следует заархивировать файлы;
  • HTML шаблон - используется разработчиками. В этом поле вы можете разместить HTML, CSS и JavaScript, а также получить доступ к переменным других полей используя выражение такого вида:

<%= name %>

или