Урок о том, как пользоваться небольшой утилитой для автоматического создания форм под названием "Form Builder", которую можно скачать в разделе Пргораммы для веб-дизайна

Итак, чтобы создать простую форму для сайта с помощью этой программы, Вам необходимо проделать следующие шаги:

Шаг 1. На первой вкладке укажите email адрес, на который Вам будут приходить послания от Ваших посетителей, отправленные через будущую форму.

Если нужно, чтобы послания приходили на несколько email адресов, то выберите пункт Choice of addresses и укажите несколько адресов.

http://i051.radikal.ru/0906/9c/f77d18e062d4.jpg

Шаг 2. На втором шаге, во вкладке "Form Fields" создайте поля формы, которые Вы хотите в ней видеть. Всего доступно три вида полей:

Text Field - обычное текстовое поле.

Large textarea - Текстовая область.

Drop List - Выпадающий список.

В поле Name прописывайте имя поле (как его будет видно посетителям). В поле Field Name прописывайте имя поле коротким английским словом без пробелов.

Если поле обязательно для заполнения, то параметр Required ставьте в значение "Yes".

Если хотите, чтобы в поле изначально был какой-то пример заполнения, можете внести его в поле Text already entered.

http://i039.radikal.ru/0906/36/4df6e1774341.jpg

После того, как все поля сформированы переходите к третьему шагу на вкладку Form Code.

Шаг 3. На вкладке Form Code нажимайте кнопку Build и сохраняйте фаил Contact.php в ту папку где у Вас будет лежать фаил с формой.

http://s54.radikal.ru/i145/0906/43/9f4e21a5f563.jpg

http://s44.radikal.ru/i106/0906/72/53946c7a2f44.jpg

Шаг 4. Копируйте получившийся код формы в ту страницу Вашего сайта, на которой Вы хотите эту форму видеть.

http://s53.radikal.ru/i141/0906/a2/1956d36abd26.jpg

http://www.ruseller.com/lessons/181008fomauto/ex8.jpg

Напоминаю, что эта страница (куда Вы вставили код формы), должна лежать в одной папке с фаилом contact.php, который мы получили на шаге 3.

Шаг 5. Проверяем результат.

У меня получилась такая форма:

http://s52.radikal.ru/i136/0906/40/cbdc0c4083d3.jpg

После заполнения и отправки, открылась страница, что сообщение было успешно отправлено:

http://s60.radikal.ru/i170/0906/35/edeb45033edd.jpg

Данный урок подготовлен командой сайта http://ruseller.com
Источник урока: здесь