Самая простая форма обратной связи

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

Не секрет, что каждый сайт, который Вы видите в интернете, ну или почти каждый сайт обязательно имеет форму обратной связи, где пользователь может внести свое имя, емейл и какое-то сообщение и, нажав на кнопку «отправить» — данное сообщение получает владелец сайта. На сегодня в интернете присутствует огромное количество различных форм обратной связи, бери не хочу. И новичку в этом деле бывает очень сложно разобраться, что к чему. В этом уроке я постараюсь максимально все разжевать по полочкам. Сразу спешу обратить внимание, что урок является обучением и не направлен на создание форм обратной связи с тяжелыми проверками введенных данных, капчей и так далее. Это Вы и без меня легко найдете на просторах интернета. Моя же задача, повторюсь еще раз, показать самый простой пример, при этом этот пример будет прекрасно работать. Ну что? Готовы? Начинаем!

Внимание! Форма обратной связи обновлена. Еще проще, еще легче, а самое главное удобней. Читаем и воплощаем здесь.

Форма заготовка

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

<!doctype html>  <!-- HTML5 -->
<html>
<head>
    <meta charset="utf-8">
    <title>Самая простая форма обратной связи</title>
</head>
<body>
	<form method="post"> <!-- Все наши поля заворачиваем в form-у -->
		<!-- Каждому нашему полю присваиваем name соответстующего содержания, в коде php, мы будем его использовать. -->
		<input type="text" name="myname" placeholder="Введите имя...">
		<input type="text" name="myemeil" placeholder="Введите емейл...">
		<input type="text" name="mytel" placeholder="Введите телефон...">
		<input type="submit" name="knopka">
	</form>
	<!-- Ниже будем выводить результат отправки емейла. -->
	<p id="result"></p>
</body>
</html>

Так, заготовочку мы сделали. Теперь добавляем небольшую магию php. Я добавил весь код непосредственно в самом начале нашего единственного файла. Все комментарии внутри. Итоговый файл:

<?php
  //Если форма отправлена
  if(isset($_POST['knopka'])) {
 //Проверка Поля ИМЯ, чтобы не было пустым
  if(trim($_POST['myname']) == '') {
  $hasError = true;
  } else {
  $name = trim($_POST['myname']);
  }
 //Проверка правильности ввода EMAIL
  if(trim($_POST['myemeil']) == '')  {
  $hasError = true; } 
  else {
  $email = trim($_POST['myemeil']);
  }
 //Проверка наличия телефона
  if(trim($_POST['mytel']) == '') {
  $hasError = true;
  } 
  else 
  {
  $mytel = trim($_POST['mytel']);
  }
 //Если ошибок нет, отправляем емейл
  if(!isset($hasError)) {
  $emailTo = 'pishchenkov@yandex.ru'; //Сюда введите Ваш email
  $subject = 'Заявка с сайта'; // формируем тему письма
  $body = "Имя: $name \n\nEmail: $email \n\nТелефон: $mytel "; //формируем само письмо
 mail($emailTo, $subject, $body);
  $emailSent = true;
  $result = "Заявка отправлена";
  }
  else {
  $result = "Заполните поля...";
  }
  }
  ?>

<!doctype html>  <!-- HTML5 -->
<html>
<head>
    <meta charset="utf-8">
    <title>Самая простая форма обратной связи</title>
</head>
<body>
	<form method="post"> <!-- Все наши поля заворачиваем в form-у -->
		<!-- Каждому нашему полю присваиваем name соответстующего содержания, в коде php, мы будем его использовать. -->
		<input type="text" name="myname" placeholder="Введите имя...">
		<input type="text" name="myemeil" placeholder="Введите емейл...">
		<input type="text" name="mytel" placeholder="Введите телефон...">
		<input type="submit" name="knopka">
	</form>
	<!-- Ниже будем выводить результат отправки емейла. -->
	<p id="result"><?php echo $result ?></p>
</body>
</html>

Внимание! Форма обратной связи обновлена. Еще проще, еще легче, а самое главное удобней. Читаем и воплощаем здесь.

Если у Вас возникли какие-то вопросы — смело оставляйте свои комментарии, я постараюсь ответить на них как можно быстрее. Спасибо.

Метки: Форма обратной связи

Носитель имени

Как добавить виджет WordPress в нужное место на сайте?

Свяжитесь с нами уже сейчас

Вы привыкли видеть здесь форму обратной связи. Ведь так? Ее делают почти все. Но исследуя поведение людей, мы пришли к выводу, что форма совершенно не нужна. В любом случае все сводится к обсуждению Вашего проекта в WhatsApp или Telegram. А зачем нам тратить Ваше время на заполнение различных форм? Поэтому, пишите в Telegram или в WhatsApp.

Последнее в блоге

Самая простая форма обратной связи

Форма заготовка

Рубрики

Свяжитесь с нами уже сейчас