PHP Academy · Pelajaran

Membuat Formulir Kontak

Buat formulir kontak yang mengirimkan pesan melalui surel

Membuat Formulir Kontak adalah pelajaran PHP Academy gratis di CoddyKit. Ini adalah pelajaran 2 dari 2. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar PHP Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus PHP Academy mencakup 2 pelajaran total.

Pengantar Proyek Formulir Kontak

Membuat Formulir Kontak

Selamat datang di pelajaran tentang membuat formulir kontak! Dalam proyek ini, Anda akan mempelajari cara membangun formulir kontak yang memungkinkan pengguna mengirim pesan melalui surel. Mari kita mulai!

Menyiapkan Proyek

Sebelum memulai, pastikan Anda memiliki:

Server web seperti XAMPP atau WAMP.
Penyunting teks atau IDE (misalnya, VS Code).
File bernama contact.php di direktori proyek Anda.
Fungsi mail() PHP yang diaktifkan (diperlukan untuk mengirim surel).

Tips: Untuk pengujian lokal, Anda mungkin perlu mengonfigurasi pengaturan server surel.

Membuat Formulir HTML Dasar

Mulailah dengan membuat struktur HTML untuk formulir kontak Anda. Contoh:

Poin Penting: Gunakan atribut required untuk memastikan semua kolom diisi sebelum pengiriman.

<!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>

Memproses Data Formulir

Di file contact.php, tangani pengiriman formulir. Contoh:

Tips: Gunakan htmlspecialchars() untuk mencegah serangan XSS dengan meng-escape karakter 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>";
  }
?>

Memvalidasi Masukan

Sebelum memprosesnya, validasi masukan untuk memastikan masukan tersebut memenuhi persyaratan Anda. Contoh:

Poin Penting: Selalu validasi masukan pengguna untuk menghindari data yang tidak valid atau berbahaya.

<?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...";
  }
?>

Mengirim Surel

Gunakan fungsi mail() PHP untuk mengirim data formulir ke alamat surel. Contoh:

Tips: Gunakan alamat From yang valid untuk menghindari masalah pengiriman surel.

<?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.";
    }
  }
?>

Menyempurnakan Formulir

Berikut beberapa penyempurnaan yang dapat Anda tambahkan:

Tampilkan pesan keberhasilan atau kesalahan langsung di dalam formulir.
Gunakan CSS untuk menata formulir agar antarmuka pengguna menjadi lebih baik.
Terapkan CAPTCHA untuk mencegah pengiriman spam.

Poin Penting: Penyempurnaan meningkatkan pengalaman pengguna dan keamanan.

Menangani Masalah Pengiriman Surel

Jika surel tidak terkirim, periksa hal-hal berikut:

Pastikan fungsi mail() PHP telah diaktifkan.
Pastikan alamat surel From valid.
Periksa catatan aktivitas surel server Anda untuk mengetahui kesalahan.

Tips: Pertimbangkan untuk menggunakan pustaka seperti PHPMailer untuk fitur surel tingkat lanjut.

Kerja Bagus!

Selamat! Anda telah membangun formulir kontak yang fungsional dalam PHP. Anda telah mempelajari cara membuat formulir, memproses datanya, memvalidasi masukan, dan mengirim surel. Pada pelajaran berikutnya, kita akan membangun proyek menarik lainnya untuk semakin meningkatkan keterampilan PHP Anda. Mari terus menulis kode!

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Membuat Formulir Kontak” gratis?

Ya — teks lengkap “Membuat Formulir Kontak” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus PHP Academy, upgrade ke CoddyKit PRO. Kursus PHP Academy mencakup 2 pelajaran total.

Apa yang akan aku pelajari di “Membuat Formulir Kontak”?

Buat formulir kontak yang mengirimkan pesan melalui surel Kamu berlatih PHP Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai PHP Academy?

Tidak diperlukan pengalaman sebelumnya. PHP Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 2 dari 2.

Berapa lama pelajaran “Membuat Formulir Kontak” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran PHP Academy ini?

Ya. Setiap pelajaran PHP Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

Membuat Daftar Tugas Sederhana
Membuat Formulir Kontak

← Kembali ke PHP Academy