Give Back to My Task Helper
Free online database builder and html form creator for integrating form and database to page

Read My Task Helper Blog or go to main page







Forums


All posts
Контактная форма для сайта

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

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

Используя наш сервис Вы можете создать контактную форму за 5 минут и при этом Вам не нужны знания PHP,HTML или других языков программирования.

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

Итак перейдем непосредственно к созданию феб формы. Ниже описаны шаги следуя которым Вы без труда создатите свою онлайн форму.

  • Регистрация на сайте MyTaskHelper
  • Создание нового проекта (введите в окне название проекта и имя вашей формы)
  • Создание нового проекта

  • Добавление полей на контактную форму. В этом примере я приведу наиболее распространенные типы и названия полей, а именно Имя, Фамилия, Емейл, Ваш комментарий. Добавить поля Вы можете в мeню Формы.
  • Для данной формы Вам будут необходимы поля таких типов: строка текста, многострочный текст.
    Ниже я привел скриншот.


    Добавление полей на форму

    Функциональность каждого поля можно существенно расширить. Наводя курсор мышки на поле появляются дополнительные параметры : Размер, По умолчанию, Описание, Авто-дополнение, Валидация.

    Для Вашей контактной формы необходимы такие параметры как Размер и Валидация. Ниже приведены скриншоты.


    Размер поля

    Параметр размер (можно выбрать любое количество пикселей)

     


    Валидация поля

    Параметр Валидация (для проверки вводимых емейлов)

  • Теперь когда поля на Вашу контактную форму добавлены приступаем к изменению внешнего вида. Редактирование параметров формы доступно в меню Виджеты.
  • В данном примере я редактировал такие параметры : цвет фона формы, цвет текста, размер шрифтов для названий формы и полей, размер формы (высота и ширина), тип шрифтов, изменение текста на кнопке “Создать”, а также установил капчу (для защиты от спама).
    Ниже Вы можете увидеть полученную веб-форму.


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

  • Чтобы вставить форму на блог либо сайт воспользуйтесь кодом для вставки.
  • Контактная форма

  • Вот и все – Ваша Контактная форма готова. Все записи, которые пользователи Вашего сайта сделают Вы можете увидеть в Виджете базы данных.
  • Видео инструкция к созданию формы:


    Posted by andrew at 02-03-2010 10:37

    Tagged with: mytaskhelper, контактная форма, онлайн, веб форма, сайт, блог, примеры Share

    Last updated at 03-05-2010 08:04

    Please, login to MyTaskHelper to be able post comments