PHP Academy · บทเรียน

การสร้างแบบฟอร์มติดต่อ

สร้างแบบฟอร์มติดต่อที่ส่งข้อความทางอีเมล

การสร้างแบบฟอร์มติดต่อ เป็นบทเรียน PHP Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 2 จากทั้งหมด 2 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน PHP Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส PHP Academy มีบทเรียนทั้งหมด 2 บทเรียน

บทนำสู่โครงการแบบฟอร์มติดต่อ

สร้างแบบฟอร์มติดต่อ

ยินดีต้อนรับสู่บทเรียนการสร้างแบบฟอร์มติดต่อ! ในโครงการนี้ คุณจะได้เรียนรู้วิธีสร้างแบบฟอร์มติดต่อที่ช่วยให้ผู้ใช้ส่งข้อความทางอีเมลได้ มาเริ่มกันเลย!

ตั้งค่าโครงการ

ก่อนเริ่มต้น ตรวจสอบให้แน่ใจว่าคุณมีสิ่งต่อไปนี้:

เว็บเซิร์ฟเวอร์ เช่น XAMPP หรือ WAMP
โปรแกรมแก้ไขข้อความหรือ IDE (เช่น VS Code)
ไฟล์ชื่อ contact.php ในไดเรกทอรีโครงการของคุณ
เปิดใช้งานฟังก์ชัน mail() ของ PHP แล้ว (จำเป็นสำหรับการส่งอีเมล)

เคล็ดลับ: หากทดสอบในเครื่อง คุณอาจต้องกำหนดการตั้งค่าเซิร์ฟเวอร์อีเมล

สร้างแบบฟอร์ม HTML พื้นฐาน

เริ่มด้วยการสร้างโครงสร้าง HTML สำหรับแบบฟอร์มติดต่อของคุณ ตัวอย่าง:

ประเด็นสำคัญ: ใช้แอตทริบิวต์ required เพื่อให้แน่ใจว่ากรอกข้อมูลครบทุกช่องก่อนส่งแบบฟอร์ม

<!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>
</head>
<body>
  <h1>Contact Us</h1>
  <form action="contact.php" method="post">
    <label for="name">Name:</label><br>
    <input type="text" id="name" name="name" required><br><br>
    
    <label for="email">Email:</label><br>
    <input type="email" id="email" name="email" required><br><br>
    
    <label for="message">Message:</label><br>
    <textarea id="message" name="message" rows="5" required></textarea><br><br>
    
    <button type="submit" name="submit">Send Message</button>
  </form>
</body>
</html>

ประมวลผลข้อมูลแบบฟอร์ม

ในไฟล์ contact.php ให้จัดการการส่งแบบฟอร์ม ตัวอย่าง:

เคล็ดลับ: ใช้ htmlspecialchars() เพื่อป้องกันการโจมตี XSS ด้วยการหลีกอักขระ HTML

<?php
  if (isset($_POST['submit'])) {
    $name = htmlspecialchars($_POST['name']);
    $email = htmlspecialchars($_POST['email']);
    $message = htmlspecialchars($_POST['message']);

    echo "Name: $name<br>";
    echo "Email: $email<br>";
    echo "Message: $message<br>";
  }
?>

ตรวจสอบความถูกต้องของข้อมูลที่ป้อน

ก่อนประมวลผล ให้ตรวจสอบข้อมูลที่ป้อนเพื่อให้แน่ใจว่าตรงตามข้อกำหนดของคุณ ตัวอย่าง:

ประเด็นสำคัญ: ตรวจสอบข้อมูลที่ผู้ใช้ป้อนเสมอ เพื่อหลีกเลี่ยงข้อมูลที่ไม่ถูกต้องหรือเป็นอันตราย

<?php
  if (isset($_POST['submit'])) {
    if (!filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)) {
      echo "Invalid email address.";
      exit;
    }

    $name = htmlspecialchars($_POST['name']);
    $email = htmlspecialchars($_POST['email']);
    $message = htmlspecialchars($_POST['message']);

    echo "Valid input. Processing...";
  }
?>

ส่งอีเมล

ใช้ฟังก์ชัน mail() ของ PHP เพื่อส่งข้อมูลแบบฟอร์มไปยังที่อยู่อีเมล ตัวอย่าง:

เคล็ดลับ: ใช้ที่อยู่ From ที่ถูกต้องเพื่อหลีกเลี่ยงปัญหาการส่งอีเมล

<?php
  if (isset($_POST['submit'])) {
    $to = "admin@example.com"; // Replace with your email
    $subject = "New Contact Form Submission";
    $message = "Name: $name\nEmail: $email\nMessage:\n$message";
    $headers = "From: $email";

    if (mail($to, $subject, $message, $headers)) {
      echo "Message sent successfully!";
    } else {
      echo "Failed to send the message.";
    }
  }
?>

ปรับปรุงแบบฟอร์ม

ต่อไปนี้คือการปรับปรุงบางอย่างที่คุณสามารถเพิ่มได้:

แสดงข้อความสำเร็จหรือข้อความข้อผิดพลาดในแบบฟอร์มโดยตรง
จัดรูปแบบแบบฟอร์มด้วย CSS เพื่อให้ส่วนติดต่อผู้ใช้ดีขึ้น
นำ CAPTCHA มาใช้เพื่อป้องกันการส่งสแปม

ประเด็นสำคัญ: การปรับปรุงช่วยยกระดับประสบการณ์ผู้ใช้และความปลอดภัย

แก้ไขปัญหาอีเมล

หากส่งอีเมลไม่สำเร็จ ให้ตรวจสอบสิ่งต่อไปนี้:

ตรวจสอบว่าเปิดใช้งานฟังก์ชัน mail() ของ PHP แล้ว
ตรวจสอบว่าที่อยู่อีเมล From ถูกต้อง
ตรวจสอบบันทึกอีเมลของเซิร์ฟเวอร์เพื่อหาข้อผิดพลาด

เคล็ดลับ: ลองใช้ไลบรารีอย่าง PHPMailer สำหรับฟังก์ชันอีเมลขั้นสูง

ทำได้ยอดเยี่ยม

ขอแสดงความยินดีด้วย! คุณสร้างแบบฟอร์มติดต่อที่ใช้งานได้ด้วย PHP แล้ว คุณได้เรียนรู้วิธีสร้างแบบฟอร์ม ประมวลผลข้อมูล ตรวจสอบข้อมูลที่ป้อน และส่งอีเมล ในบทเรียนถัดไป เราจะสร้างโครงการสนุก ๆ อีกโครงการเพื่อพัฒนาทักษะ PHP ของคุณให้ก้าวหน้ายิ่งขึ้น มาลงมือเขียนโค้ดกันต่อเลย!

คำถามที่พบบ่อย

บทเรียน “การสร้างแบบฟอร์มติดต่อ” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “การสร้างแบบฟอร์มติดต่อ” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส PHP Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส PHP Academy มีบทเรียนทั้งหมด 2 บทเรียน

คุณจะเรียนรู้อะไรในบทเรียน “การสร้างแบบฟอร์มติดต่อ”

สร้างแบบฟอร์มติดต่อที่ส่งข้อความทางอีเมล คุณปฏิบัติ PHP Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน

คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน PHP Academy หรือไม่

ไม่จำเป็นต้องมีประสบการณ์มาก่อน PHP Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 2 จากทั้งหมด 2 บทเรียน

บทเรียน “การสร้างแบบฟอร์มติดต่อ” ใช้เวลานานแค่ไหน

บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย

ฉันเขียนและรันโค้ดในบทเรียน PHP Academy นี้ได้ไหม

ได้ บทเรียน PHP Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

การสร้างรายการสิ่งที่ต้องทำอย่างง่าย
การสร้างแบบฟอร์มติดต่อ

← กลับไปที่ PHP Academy