Php форма обратной связи простая: Простая форма обратной связи на PHP

Leave a Comment / Разное / By /

Содержание

Простая контактная форма на PHP

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

Представленная форма обратной связи состоит всего из одного файла, за исключением файла со стилями, код которого разделяется на две части реализующих две функции:

  • html код — отвечает за отображение формы на странице;
  • php код — обрабатывает данные отправленные при помощи формы и отправляет эти данные на Ваш электронный адрес.

 

 

Html код, приведенный ниже, не требует никаких изменений.

 

 


<form method="post" action="">
    <div>
        <span>Ваше имя:</span>
        <input name="name" type="text" required>
    </div>
    <div>
        <span>Тема:</span>
        <input  name="theme" type="text" required>
    </div>
    <div>
        <span>Ваш email:</span>
        <input  name="email" type="text" required>
    </div>
    <div>
        <span>Сообщение:</span>
        <textarea name="comment" required></textarea>
    </div>
    <div>
        <span></span>
        <input name="submit" type="submit" value="Отправить">
        <?=$message?>
    </div>
</form>

 

 

PHP код рассмотрим несколько подробнее, так как в нем уже требуется небольшая настройка. (?:[a-z0-9]+(?:[-_.]?[a-z0-9]+)?@[a-z0-9_.-] +(?:.?[a-z0-9]+)?.[a-z]{2,5})$/i»,trim($_POST[«email»]))) { $message = «<div> Указанный email не соответствует формату!</div>»; } else { $message = «<div> Форма успешно отправленна!</div>»; } } ?>

В первую очередь необходимо указать Ваш email, ведь именно на него будет отправляться сообщение пользователя Вашего сайта. Целевой email адрес хранится в переменной $to, которой он присваивается в следующей строке:

 


$to = “[email protected]”;

 

Следовательно, в этой строке Вам необходимо заменить электронный адрес [email protected] на необходимый.

 

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

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

 


$message = "<div> Указанный email не соответствует формату!</div>";

 

и

 


$message = "<div> Форма успешно отправленна!</div>";

 

где первая строка содержит сообщение об ошибке, а вторая об успешной отправке.

Ниже представлен css код, который использовался в примере этого урока, но Вы можете заменить его другим, тем самым подогнать внешний вид формы под уникальный дизайн Вашего сайта.

 


@charset "utf-8";

*{
    margin:0;
    padding:0;
    font-family:Verdana, Geneva, sans-serif;
    font-size:13px;
}

#wrapper{
    width:960px;
    margin:0 auto;
}

h2{
    margin:5px 0 10px 115px;
    font-size:24px;
}

.
  contact{
    margin-top:5px;
    display:inline-block;
}

.contact div{
    padding:5px;
}

.label{
    display:inline-block;
    width:100px;
    text-align:right;
    vertical-align:top;
    margin-right:10px;
    margin-top:2px;
    font-size:16px;
}

.input{
    width:400px;
    height:20px;
    font-size:15px;
}

textarea.input{
    width:402px;
    height:100px;
}

.btn{
    padding:3px 7px;
    font-size:15px;
}

#message{
    display:inline-block;
    font-size:12px;
    padding:6px 5px 4px 5px;
}

.error{
    background:#FFCFCF;
    border:#F00 solid 1px;
}

.success{
    background:#CFCFFF;
    border:#00F solid 1px;
}

 

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


Евгений Болдырев

Форма обратной связи HTML и PHP для сайта

Содержание


Форма обратной связи создаётся минимум двумя языками – HTML и PHP. При желании можно добавить CSS. HTML задаёт границы, ячейки, кнопки, указывает расположение блоков и прочую информацию. Обрабатываться форма будет языком PHP. CSS нужен, чтобы кнопки, ячейки были красивыми и необычными.

В данной статье изучается только HTML, который отвечает за скелет формы.

Тег form

Сама форма создаётся при помощи парного тега «form». Все поля и кнопки желательно ставить внутрь этого тега. На одной странице может находиться несколько форм, но одновременно на сервер отправятся данные только из одной формы. Обязательно задаётся имя формы при помощи атрибута «name», в его значении могут помещаться латинские буквы и цифры. С помощью этого атрибута можно будет ссылаться на форму из различных участков документа.

Обязательно указывается, где будут обрабатываться данные формы с помощью атрибута «action». В нём прописывается адрес и название того PHP-документа, который будет обрабатывать форму. Внутри формы желательно присутствие кнопки с типом «Submit», которая отвечает за отправку данных формы на сервер.

Обязательно поясняется атрибутом «method», как будут обрабатываться данные формы. Это можно сделать двумя способами, для чего указывается одно из двух значений.

  • Первый вариант – «post», в этом случае данные пересылаются без отправки их в браузерную строку url.
  • Второй – «get», с его помощью данные отсылаются и в документ, и в браузерную строку.


<form action="mailer.php" method="get">
<!--поля формы (о них ниже)-->
<input type="submit" value="Отправить">
 </form>

Тег input

Этим символом задаётся поле ввода, сам по себе он создаёт небольшое поле 10 на 50 пикселей. Обязательным атрибутом является «type», который указывает на тип поля ввода и на то, что будет в нём прописываться.

Наиболее распространённые значения следующие:

  • «data» – дата;
  • «text» – простой текст;
  • «url» – адрес страницы в интернете;
  • «password» – поле с паролем;
  • «masseng» – сообщение;
  • «email» – адрес электронной почты;
  • «radio» – переключатель с выбором из нескольких элементов, из которых можно включить только один;
  • «checkbox» – выбор из группы элементов, где можно отметить несколько вариантов с помощью флажков;
  • «button» – создаёт кнопку, которая используется языком JavaScript, то есть без перезагрузки страницы
  • «submit» – создаёт кнопку, которая используется языком php, то есть с перезагрузкой страницы

Атрибутом «value» заполняется поле ввода временными подсказками, который могут давать пользователю подсказки, как нужно заполнить поле. Если поле ввода является кнопкой, то в «value» пишется название, которое будет отображаться в виде текста на самой кнопке.

Атрибут «placeholder» похож на предыдущий, только в этом случае подсказка в поле исчезает, стоит только навести мышку. Элемент «required» интересен тем, что делает поле обязательным для заполнения, он указывается так:


<input type="text" required/>

Атрибут «name» является обязательным, им задаётся имя поля ввода, к которому позже можно будет ссылаться. Атрибутом «size»

указывается ширина поля, в качестве единиц измерения используются буквы шрифта, поэтому при изменении его стиля ширина поля тоже будет меняться. По умолчанию стоит значение 20.


<input type="text" size="40" required>

Тег textarea

В отличие от «input» тег «textarea» является парным. Также важным отличием является возможность задавать различные характеристики поля. Как и в предыдущих случаях, здесь тоже есть атрибут «name» – единственный из обязательных. Отличием является то, что в теге «textarea» не используется атрибут «type», так как этот тег применяется только для отправки текстовых сообщений.

Атрибутом «rows» указывается высота поля, а «cols» задаёт его ширину. Оба атрибута используют специфические единицы измерения – буквы шрифта. Поэтому каждая единица больше пикселя в 10 раз (в зависимости от стиля и размера шрифта). Атрибутом

«placeholder» создаётся подсказка в поле, которая исчезает при наведении мышки.


<textarea name="comment" cols="40" rows="3"></textarea>

Тег label

Перед полем ввода или за ним обычно пишутся просьбы типа: «Укажите своё имя». Эти надписи лучше делать в специальном теге «label». Он устанавливает связь между надписью и полем ввода, также делает возможным установку горячих клавиш на клавиатуре.

Самым распространённым атрибутом является «for», в нём указывается имя, на которое можно будет ссылаться, в том числе в документах php и css. Например, в теге «input» можно будет с помощью атрибута «id» сослаться на имя тега «label». В результате при наведении мышки на поле строчка рядом с ним будет реагировать.


<input type="text"><label for="name">Введите свое имя</label>

Тег select

Он создаёт форму выбора из нескольких пунктов. При этом тег отвечает только за создание самой формы, за количество и названия пунктов отвечает тег «option». Важнейшим атрибутом является «multiple», который указывает на то, что список элементов нужно отображать как реестр множественного выбора. Также в форме выбора используется атрибут «name» для обозначения имени.

Количество пунктов, которые отображаются на странице, задаётся атрибутом «size». Обратите внимание, что его значение указывает на количество одновременно отображаемых элементов в форме, а не их общее количество. Если «size» равен 1, а элементов в списке больше, то форма выбора превращается в «карусель».


<input type="text"><label for="name">Введите свое имя</label>

Тег option

Является частью формы выбора, парный, используется внутри тега «select» (как тег «li» в списках). Внутрь него вставляется фраза, которая отображается на странице в качестве пункта выбора.

В нём используется несколько атрибутов:

  • «disabled» – элемент запрещает выбрать пункт, чтобы тот оставался в списке в виде заголовка;
  • «selected» – блок с таким элементом становится пунктом по умолчанию, на случай если пользователь не будет делать выбора;
  • «value» – обязательный атрибут, в нём указывает значение, которое будет отправляться на сервер.


<form action="mailer.php" method="get">
   <select size="3" multiple>
     <option disabled>Выберите свой город</option>
     <option value="Москва">Москва</option>
     <option selected value="СПб">СПб</option>
     <option value="Сыктывкар">Сыктывкар</option>
   </select>
   <input type="submit" value="Отправить">
</form>

Тег button

Он формирует различные типы кнопок. Отличием его от «input» являются расширенные возможности, ведь к нему применяются различные стили CSS. С их помощью можно создавать кнопки различного цвета, размера, формы. Также можно делать кнопку в виде картинки.

Распространённые атрибуты такие:

  • «name» – создаёт уникальное имя кнопки, которое можно использовать в дальнейшем;
  • «type» – указывает тип кнопки, для отправки данных на сервер необходимо прописать значение «submit»;
  • «value» – значение, которое будет отправляться на сервер для обработки.


<form action="mailer.php" method="get">
<!--поля формы-->
<button src="{путь к картинке для кнопки}">Отправить</button>
</form>

HTML/PHP контактная форма-почтовая форма генератор

Создайте свою собственную контактную форму HTML — PHP за считанные секунды. Наш бесплатный онлайн-генератор контактных форм поможет вам создать контактных форм HTML — PHP для вашего веб-сайта без программирования. С помощью нашего простого в использовании мастера контактных форм вы можете создавать простые или сложные контактные формы , которые ваши пользователи могут использовать для отправки вам электронных писем . После создания веб-формы вы получаете код для вставки на свой веб-сайт. Вам не нужны специальные навыки, чтобы вставить его на свою веб-страницу. Просто убедитесь, что ваш хостинг-провайдер поддерживает PHP. 9Контактная форма 0003 НЕ требует базы данных MySQL , это означает, что ее проще и быстрее интегрировать на вашу веб-страницу.

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

***Позднее редактирование: мы выпустили вторую версию нашей контактной формы. Вы можете использовать новую контактную форму HTML-PHP-jQuery v2. или вы можете увидеть и попробовать контактную форму DEMO здесь

Пожалуйста, выберите поля «Контактная форма» Пожалуйста, выберите параметры безопасности

Проверка пустого поля JS*

Проверка электронной почты JS

Ограничение символов для «Поля сообщения» составляет

Проверка номера для «Поля телефона»

Ограничение символов для поля «Телефон»

Использовать защитное изображение капчи

Детали отправки сообщения

Отправить сообщение по адресу:

Сообщение получено от:

* Только поля Имя, Фамилия, Электронная почта, Тема, Сообщение

Создать мой скрипт

Последние генераторы скриптов и кода

Простой генератор тегов видео/плеера HTML5

С введением тега видео в HTML5 вы можете легко добавить видеоплеер на свой веб-сайт и воспроизвести любой видеофайл, который вы хотите. Есть несколько атрибутов, которые вы можете настроить для настройки поведения игрока, и у вас также есть довольно хорошая поддержка браузера. Так что используйте этот генератор HTML5-видео тегов/проигрывателей, чтобы встроить свое видео на свой собственный сайт. Вы также можете найти здесь полное руководство по

.

Сгенерировать код

HTML-PHP-jQuery простая контактная форма v2

Поскольку нашим последним HTML/PHP Contact Form-Mailer Generator так пользовались наши посетители, мы создали вторую версию нашей контактной формы, HTML-PHP-jQuery ContactForm v2, намного более мощную и настраиваемую. Мы используем jQuery для проверки и Ajax для отправки контактной формы . Мы использовали простой PHP и jQuery для создания изображения безопасности с капчей вместо…

Сгенерировать код

HTML/PHP генератор контактной формы-рассылочной программы

Создайте свою собственную контактную форму HTML — PHP за считанные секунды. Наш бесплатный онлайн-генератор контактных форм поможет вам создать контактных форм HTML — PHP для вашего веб-сайта без программирования. С помощью нашего простого в использовании мастера контактной формы вы можете создавать простые или сложные контактные формы , которые ваши пользователи могут использовать для отправки вам электронных писем . После создания веб-формы вы получите код для вставки в свой…

Сгенерировать код

Генератор на техобслуживании

Создание пользовательской контактной формы для веб-сайта с помощью PHP и HTML

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

Что будет делать эта пользовательская контактная форма

  • Отобразить красивую, простую контактную форму
  • Получить информацию о пользователе (имя, адрес электронной почты и сообщение)
  • Отправить электронное письмо на ваш адрес электронной почты

Создать пользовательскую контактную форму

Основная цель нашей пользовательской контактной формы — быть простой, но содержательной. Обычно вы просто хотите, чтобы люди получили минимальные параметры, необходимые им для отправки электронной почты. Если он проще, то люди с большей вероятностью будут его использовать. Кроме того, чем меньше информации им нужно ввести, тем больше вероятность, что они ее используют.

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

HTML-код для контактной формы

Мы собираемся создать простую HTML-форму для сбора простой информации о пользователе. Давайте получим имя, адрес электронной почты, а затем само сообщение. Затем, конечно, кнопка для отправки формы. Достаточно просто.

 

            <дел>
                
            

            <дел>
<дел>
<дел>