Контактная форма: шаблон формы Google

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

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

Описание контактной формы

Эта форма состоит из шести разделов. В первом разделе формы предлагается ввести свое имя. Во втором разделе необходимо указать свою фамилию.

В третьем разделе этой формы предполагается, что вы наберете свой номер телефона.

Ожидается, что вы укажете свой адрес электронной почты в четвертом разделе формы.

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

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

Контактная форма: шаблон HTML-формы

Отображение контактной формы Шаблон HTML-формы:

Исходный код HTML-формы:

           
 
 
 
  
 
 Контактная форма 
  Обязательно  
 
 
 
 Имя 
 
  
 
 
 
 Фамилия 
 
  
 
 
 
 Номер телефона 
 
  
 
 
 
 Электронная почта 
 
  
 
 
 
 Адрес 
 
   
 
 
 
 Предпочитаемый контакт 
 
 
   Электронная почта  
 
   Phone  
 
 
 
  
 Ваш массаж 
 
   
 
      
 
 
 
      $ ('# bootstrapForm'). submit (function (event) {event.preventDefata = {) var  $ ('# bootstrapForm'). ajaxSubmit ({data: extraData, dataType: 'jsonp',//На самом деле это не сработает.  Просто используйте GET вместо POST, чтобы разрешить файлы cookie из другого домена.  error: function () {//Отправка формы должна быть успешной, но обратный вызов JSONP завершится ошибкой, потому что Google Forms//не поддерживает его, поэтому это обрабатывается как сбой.  alert ('Форма отправлена. Спасибо.')//Вы также можете перенаправить пользователя на настраиваемую страницу благодарности://window.location = 'http://www.mydomain.com/thankyoupage.html'}})  })      
 Нажмите, чтобы загрузить