Интернет журнал Новости брендов

Контактная форма

Иногда у разработчиков возникает необходимость создать на сайте или в блоге контактную форму, посредством которой в последующем можно будет связаться с администратором сайта.

Иногда у разработчиков возникает необходимость создать на сайте или в блоге контактную форму, посредством которой в последующем можно будет связаться с администратором сайта. Как правило, на ней могут располагаться самые разнообразные поля, основными из которых  являются такие какФамилия, Имя, Адрес почтового ящика, Комментарий для администратора сайта, а также капча, которая предназначена для того, чтобы защититься от спама.

Обычно для создания формы подобного рода требуется как минимум знание HTML, в идеале же еще и PHP. Кроме того, на это потребуется довольно большое количество времени. Но облегчить работу становится возможным при использовании конструктора баз данных MyTaskHelper. Благодаря ему процесс будет занимать всего каких-то 5 минут. К тому же, не придется тратить драгоценное время, которого и так порой не хватает, на изучение языков программирования.

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

В процессе создания формы можно выделить следующие базовые этапы:

1)    Первоначально требуется пройти процедуру регистрации в конструкторе MyTaskHelper, она достаточно легкая и займет буквально несколько минут;

2)    Затем следует приступить непосредственно к созданию структуры нового проекта, а для этого потребуется ввести в специальном окне названия, как создаваемого проекта, так и самой формы;

3)    После этого перейдем к процедуре добавления полей и заданию типа данных для них. Сделать это можно через пункт меню Формы. В нашем случае потребуется стандартный набор полей: Фамилия, Имя, e-Mail, и Комментарий. Вводимые данные для них  — это, как правило, строки текста, следовательно, и тип будем использовать соответствующий, строковый. Кроме того, можно настроить для них такие параметры, как Размер, Валидация,  По умолчанию, Описание, Авто-дополнение. В нашем случае понадобятся первые два параметра, так как  нам нужно будет задать размер поля, а также осуществлять проверку вводимых данных;

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

4)    На следующем этапе можно приступить непосредственно к оформительским работам, в частности,  усовершенствовать дизайн web формы, сделав его более привлекательным и интересным. Осуществить это можно посредством меню Настроить и Встроить. При использовании данного пункта, появляется возможность изменить значения таких атрибутов, как цвет и размер формы, а также цвет, величину и гарнитуру используемого шрифта. Этот же пункт используется для изменения цвета текста на кнопке, и установки капчи;

5)    Для последующего внедрения формы на блог или сайт следует использовать код вставки;

6)    Вот в принципе и все. Для просмотра добавленных записей следует воспользоваться одноименным пунктом меню.

Мой блог находят по следующим фразам:

Ранее в этой же рубрике:

Один комментарий

  • Четверг, декабря 1, 2011 - 16:03 | Постоянная ссылка

    Да, действительно отличный конструктор форм обратной связи. Сам пользуюсь и вам советую!

  • Добавить комментарий для Ігор Отменить ответ

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

    *

    Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>