Contact form in PHP with Bootstrap with mail send.
HTML Form (index.php):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Form</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<h2>Contact Us</h2>
<form action="process_form.php" method="POST">
<div class="form-group">
<label for="name">Name:</label>
<input type="text" class="form-control" id="name" name="name" required>
</div>
<div class="form-group">
<label for="email">Email:</label>
<input type="email" class="form-control" id="email" name="email" required>
</div>
<div class="form-group">
<label for="message">Message:</label>
<textarea class="form-control" id="message" name="message" rows="5" required></textarea>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
<!-- Bootstrap JS (optional) -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.3/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>
PHP Script to Process Form Submission (process_form.php):
<?php
// Check if form is submitted
if ($_SERVER["REQUEST_METHOD"] == "POST") {
// Get form data
$name = $_POST["name"];
$email = $_POST["email"];
$message = $_POST["message"];
// Send email (you may need to configure your SMTP settings)
$to = "your@example.com";
$subject = "New Contact Form Submission";
$body = "Name: $name\nEmail: $email\nMessage: $message";
if (mail($to, $subject, $body)) {
echo "<p class='alert alert-success'>Thank you! Your message has been sent.</p>";
} else {
echo "<p class='alert alert-danger'>Sorry, there was an error sending your message. Please try again later.</p>";
}
} else {
// Redirect to the form page if accessed directly
header("Location: index.php");
exit();
}
?>This is a basic setup. You can customize the form fields, styling, and email sending functionality according to your requirements. Additionally, you may need to configure your server to send emails if you're testing this locally.