Форма обратной связи на Bootstrap4

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

  • Имя (обязательное)
  • Телефон (обязательное)
  • Субъект
  • Сообщение
  • Кнопка Отправить

HTML код формы

<form id="feedbackForm" method="post" action="/send_form.php" accept-charset="UTF-8">
    <!-- Your form fields here -->
    <input type="text" placeholder="Name" class="form-control" id="name" name="name" required>
    <input type="tel" placeholder="Phone" class="form-control" id="phone" name="phone" required>
    <input type="text" placeholder="Subject" class="form-control" id="subject" name="subject" required>
    <textarea class="form-control" placeholder="Message" id="message" name="message" rows="5" required></textarea>
    <button type="submit" class="btn btn-lb">SEND</button>
</form>

Как видно из кода, к нему нужно подключить send_form.php, вот его код

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $name = htmlspecialchars($_POST["name"]);
    $phone = htmlspecialchars($_POST["phone"]);
    $subject = htmlspecialchars($_POST["subject"]);
    $message_content = htmlspecialchars($_POST["message"]);

    $to = "[email protected]";
    $headers = "From: $name <$to>\r\n";
    $headers .= "Content-type: text/html; charset=utf-8\r\n";
    $headers .= "Subject: Заказ с сайта\r\n"; // Добавленный заголовок

    $message = "Name: $name<br>";
    $message .= "Phone: $phone<br>";
    $message .= "Subject: $subject<br>";
    $message .= "Message: $message_content<br>";

    if (mail($to, $subject, $message, $headers)) {
        $status = "success";
        $message = "Form submission successful!";
    } else {
        $status = "error";
        $message = "Form submission failed. Please try again.";
    }
}
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Form Submission</title>
</head>
<body>
    <?php if (isset($status)): ?>
        <div class="<?php echo $status; ?>"><?php echo $message; ?></div>
    <?php endif; ?>
</body>
</html>
14:52
0
lb_user lb_user 21 день назад #

А вот форма с селектами для поля subject

  1.  
  2. <form id="feedbackForm" method="post" action="/send_form.php" accept-charset="UTF-8">
  3. <!-- Your form fields here -->
  4. <input type="text" placeholder="Name" class="form-control" id="name" name="name" required>
  5. <input type="tel" placeholder="Phone" class="form-control" id="phone" name="phone" required>
  6. <select class="form-control" id="subject" name="subject" required>
  7. <option value="" disabled selected>Select a subject</option>
  8. <option value="Battery Jump">Battery Jump</option>
  9. <option value="Roadside Assistance">Roadside Assistance</option>
  10. <option value="Lockout">Lockout</option>
  11. <option value="Flat Tire Services">Flat Tire Services</option>
  12. <option value="Accident Recovery">Accident Recovery</option>
  13. <option value="Blocked Driveway Towing">Blocked Driveway Towing</option>
  14. <option value="Car Towing">Car Towing</option>
  15. <option value="Scrap Car Removal">Scrap Car Removal</option>
  16. </select>
  17. <textarea class="form-control" placeholder="Message" id="message" name="message" rows="5" required></textarea>
  18. <button type="submit" class="btn btn-lb">SEND</button>
  19. </form>
  20.  
Готов помочь в создании нового сайта или внесении изменений в уже существующий. Обращайтесь для профессиональной поддержки.
Связаться со мной в Telegram Написать мне на E-mail
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.