Создание формы регистрации и размещение ее на отдельной странице

Дата публикации:Март 12, 2011

Задача любой формы заключается в том, чтобы сохранить баланс между количеством полученной от пользователя информации и числом полей для ввода данных. Чем больше различных полей содержит форма, тем неохотнее пользователи будут приступать к ее заполнению.

Мы сохраним форму настолько простой и удобной, насколько это возможно. Во-первых, я установил название для регистрационной формы и подключил Ajax, который понадобится нам для динамической обработки данных, введенных пользователем.

Во-вторых, с помощью набора стандартных форм я добавил тег fieldset, задал текст legend и установил пять элементов input, которые требуются координаторам компании для планирования событий.

Первое поле формы, The Event, задает требуемое событие. Название события будет передаваться соответствующей записью, т.е. пользователю не придется заполнять это поле вручную.

Следующее поле — это Your Name. Оно понадобится нам для того, чтобы получить имя пользователя. Поскольку в наши задачи не входит перепись населения, мы оставили под персональные данные всего одно поле, т.е. пользователь может либо указать свои реальные данные, либо остаться анонимным.

Далее следует поле E-mail. Оно является обязательным для заполнения. Укажем этот факт с помощью флажка напротив соответствующего пункта. Электронный адрес необходим координаторам для того, чтобы они могли связаться с пользователем и ответить на его вопросы. Помимо этого, на электронную почту обычно приходят различные обновления о событиях, что не менее важно и значимо для регистрантов.

Затем следует список How Many:, предлагающий пользователю указать количество гостей, которых он может привести с собой на событие.

Наконец, в самом низу формы располагается текстовое поле What you can bring, позволяющее регистранту указать список вещей, которые он планирует взять с собой на событие.

Наша форма готова. Теперь разместим ее на отдельной странице WordPress. Выглядеть она будет следующим образом:

Поделиться

2 комментария

  1. Makc says:

    Честно, ничего не понятно. Я не вижу смысла выкладывать такие уроки в сеть, если по этому уроку никто не научиться.

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Получать новые комментарии по электронной почте. Вы можете подписаться без комментирования.