Mata Kuliah: Pemrograman Berbasis Web
🧭 1. Pengertian Form Handling
8
📖 Deskripsi
Form Handling adalah proses menerima, mengirim, dan mengolah data dari pengguna melalui form HTML ke backend (misalnya PHP).
🧠 Narasi
Setiap kali pengguna mengisi form—seperti login, registrasi, atau pencarian—data tersebut dikirim ke server untuk diproses. Proses inilah yang disebut form handling. Tanpa form handling, web tidak bisa menerima input pengguna secara dinamis.
🧩 2. Struktur Dasar Form HTML
8
📖 Deskripsi
Form HTML terdiri dari beberapa elemen utama:
🧱 Tabel Elemen Form
| Elemen | Fungsi |
|---|---|
<form> | Wadah utama |
<input> | Input data |
<label> | Keterangan |
<button> | Tombol submit |
💻 Contoh
<form action="proses.php" method="POST">
Nama: <input type="text" name="nama">
<button type="submit">Kirim</button>
</form>
🧠 Narasi
Form berfungsi sebagai jembatan antara pengguna dan server.
🔄 3. Metode Pengiriman Data (GET vs POST)
7
📖 Deskripsi
Data form dapat dikirim menggunakan dua metode:
🧱 Tabel Perbandingan
| Aspek | GET | POST |
|---|---|---|
| Lokasi data | URL | Body |
| Keamanan | Rendah | Lebih aman |
| Kapasitas | Terbatas | Besar |
🧠 Narasi
Gunakan:
- GET → untuk pencarian
- POST → untuk data sensitif (login, password)
📥 4. Mengambil Data Form di Backend (PHP)
7
📖 Deskripsi
PHP menggunakan superglobal untuk mengambil data.
💻 Contoh
$nama = $_POST['nama'];
echo $nama;
🧠 Narasi
$_POST dan $_GET adalah variabel khusus untuk menangkap data dari form.
✅ 5. Validasi Form
6
📖 Deskripsi
Validasi memastikan data yang dimasukkan benar.
🧱 Jenis Validasi
| Jenis | Keterangan |
|---|---|
| Client-side | HTML/JavaScript |
| Server-side | PHP |
💻 Contoh
if (empty($_POST['nama'])) {
echo "Nama wajib diisi";
}
🧠 Narasi
Validasi penting untuk menjaga kualitas dan keamanan data.
🔐 6. Keamanan Form Handling
7
📖 Deskripsi
Form rentan terhadap serangan.
🧱 Teknik Keamanan
| Teknik | Fungsi |
|---|---|
| Sanitasi | Membersihkan input |
| Validasi | Memastikan data valid |
| Escape | Mencegah XSS |
💻 Contoh
$nama = htmlspecialchars($_POST['nama']);
🧠 Narasi
Tanpa keamanan, form bisa menjadi pintu masuk serangan seperti SQL Injection.
📂 7. Form dengan Banyak Input
7
📖 Deskripsi
Form dapat memiliki berbagai jenis input.
🧱 Jenis Input
| Input | Fungsi |
|---|---|
| text | Teks |
| radio | Pilihan tunggal |
| checkbox | Pilihan banyak |
| select | Dropdown |
💻 Contoh
<input type="radio" name="jk" value="L"> Laki-laki
<input type="radio" name="jk" value="P"> Perempuan
🧠 Narasi
Berbagai input memungkinkan pengumpulan data yang lebih kompleks.
📎 8. Upload File dengan Form
7
📖 Deskripsi
Form dapat digunakan untuk upload file.
💻 Contoh
<form method="POST" enctype="multipart/form-data">
<input type="file" name="file">
</form>
🧠 Narasi
enctype="multipart/form-data" wajib digunakan untuk upload file.
🔄 9. Redirect dan Feedback
7
📖 Deskripsi
Setelah proses, user perlu feedback.
💻 Contoh
header("Location: sukses.php");
🧠 Narasi
Feedback meningkatkan pengalaman pengguna.
⚠️ 10. Kesalahan Umum
8
📖 Deskripsi
Kesalahan yang sering terjadi:
- Tidak ada atribut
name - Salah method
- Tidak validasi
🧠 Narasi
Kesalahan kecil dapat menyebabkan data tidak terkirim.
🧪 11. Studi Kasus Mini Project
🎯 Tugas
Buat sistem:
- Form registrasi
- Validasi input
- Simpan data
- Tampilkan hasil
🎯 12. Kesimpulan
- Form adalah dasar interaksi web
- GET & POST memiliki fungsi berbeda
- Validasi dan keamanan sangat penting
- Backend memproses data form
🎓 Penutup
Materi ini menjadi dasar untuk:
➡️ CRUD PHP + MySQL
➡️ Sistem login
➡️ Web aplikasi dinamis
