< Назад
Вперед >
Пример создания формы контактов
© by insert name here
Website Painter
Обзор
Создание вебсайтов с помощью WebsitePainter просто. Но добавление более сложных элементов к вебсайту, с применением кода PHP, может быть сложной задачей, если Вы не знаете язык PHP.

Эта обучающая программа покажет Вам, как создать форму контакта, когда сообщение посылается по почте (с использованием PHP).

Первое, что Вы должны сделать - создать страницу контактов (см.
Добавление страниц).

У новой созданной страницы будет название 'UntitledWebpage.html'. Введите свое название, например '
contact.php'. Заметьте, что новое название должно закончиться '.php' вместо '.html', иначе Ваша форма контакта не будет работать.
Для вставки формы на страницу щелкните по кнопке Веб-форма на панели Инструменты. Щелкните в окне редактирования - на страницу будет вставлена рамка формы с маркерами. Настройте размеры формы и определите ее положение на странице.

Объект
Веб-форма является контейнером, который будет содержать все элементы формы (элементы формы не должны выходить за рамку веб-формы). При перемещении рамки Веб-форма перемещаются и все заключенные в ней элементы.

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

Вставьте элемент формы
Кнопка веб-формы.

Созданную форму можно формить цветом, создать границы и пр., используя панель
Свойства. На рисунке выше форма оставлена "как есть", т.е. оставлено внешнее оформление по умолчанию.

Следующая задача - заставить форму работать.

Для этого нужно установить некоторые из свойств созданных элементов, чтобы сделать их рабочими.
Щелкните по серому фону формы и на панели
Свойства в строке Action (действие) введите название страницы контактов, которая создана ранее. В нашем примере это будет contact.php
Кроме того,убедитесь, что в строке Method установлено значение 'POST' (отправить сообщение), а в строке 'Encoding' (кодирование) установлено 'application/x-www-form-urlencoded':

Затем, определите свойства вставленных элементов формы (двух текстовых полей и кнопки).
Выделите текстовое поле (щелкните по нему), на панели
Свойства при необходимости введите подсказку для посетителей для объяснения содержания текстового поля (например, "отправить по электронной почте" или "введите свой текст" и пр.).
В свойствах указывается также вид и цвет шрифта, цвет фона и границ.
Кроме того, установите "Многострочный" (
multiline), чтобы текст мог располагаться в несколько строк, а не в одну строку.

Для кнопки 'Отправить' Вы можете установить свойство 'label' (метки) в любой текст, который Вы хотите, но убедитесь, что в строке Тип кнопки ('ButtonType') установлено 'Submit' (представить).
Форма контактов создана, определен ее внешний вид и свойства элементов формы.
Следующий шаг - Создайте код PHP, который определит действие после того, как посетитель нажмет на кнопку "Отправить".
В нашем случае мы хотим, чтобы текст просто был послан по электронной почте к нам.

Теперь, просто создайте элемент кода PHP и поместите его где-нибудь на вашей странице. Для этого на панели Инструменты щелкните по
PHP-код и щелкните в окне редактирования. На странице появится рамка для кода.
В окне
Свойства можно определить некоторые свойства вставленного объекта PHP-код (в нашем примере фон и границы не устанавливались).
Дважды щелкните по объекту
PHP-код, в окне Редактировать код введите такой код:

$text = "";
foreach($_POST as $name => $value)
{
$text .= "$name : $value\n";
}

if ($text != "")
{
echo 'Thanks for contacting us.';
mail("
youremail@example.com", "Contact form request", $text);
}

Заметьте, что в конце кода, приведенного выше, стоит адрес youremail@example.com. Вы должны заменить этот почтовый адрес своим почтовым адресом, так чтобы электронную почту тогда послали Вам.

После этого форму можно считать готовой.

Последний шаг - проверка формы

Если Вы будете анонсировать свою форму контакта в предварительном просмотре, то Вы заметите, что код PHP, который Вы написали, появится на странице. Не волнуйтесь об этом, это только случается в предварительном просмотре. Чтобы сделать форму контакта рабочей, нужно опубликовать страницу контактов на сервере, который поддерживает PHP.


Ниже - пример формы контактов
Created with an unregistered version of WebsitePainter
(This text will not be visible anymore once you buy Website Painter)