Formulir Dasar: Memahami Tag Form, Method, dan Action

Formulir (Form) adalah jembatan komunikasi utama antara pengguna dan server. Tanpa formulir, kita tidak bisa melakukan login, mendaftarkan akun, atau mengirim data kependudukan dalam proyek seperti Kolak Pisang.

Bagi seorang pengembang backend, memahami bagaimana form ulir membungkus dan mengirimkan data adalah fondasi sebelum masuk ke logika pemrosesan di sisi server (seperti menggunakan Laravel).

1. Tag

Semua elemen masukan (seperti input teks, tombol, checkbox) harus berada di dalam tag agar datanya dapat dikirimkan secara bersamaan.

• Atribut Wajib: action dan method.

2. Atribut action: Ke Mana Data Dikirim?

Atribut action menentukan alamat URL atau file yang akan menerima dan memproses data formulir tersebut.

• Contoh: Jika Anda mengirim data ke route Laravel, maka action-nya mungkin /proses-pendaftaran.

• Jika Kosong: Jika tidak diisi, formulir akan mengirimkan data ke halaman itu sendiri (URL yang sama).

3. Atribut method: Bagaimana Data Dikirim?

Ini adalah bagian paling krusial bagi keamanan dan efisiensi data. Ada dua metode utama:

A. GET (Mengambil/Mencari Data)

Data dikirim dengan cara ditempelk an langsung pada URL (sebagai query string).

• Karakteristik: Data terlihat di alamat browser (Contoh: search.php?keyword=laravel).

• Kapan Digunakan: Hanya untuk pencarian atau filter data yang tidak bersifat rahasia.

• Kelebihan: Halaman hasil bisa di-bookmark atau dibagikan link-nya.

B. POST (Mengirim/Menyimpan Data)

Data dikirim di dalam body request secara tersembunyi.

• Karakteristik: Data tidak terlihat di URL.

• Kapan Digunakan: Untuk data sensitif (password), pengiriman file, atau menyimpan data baru ke database (seperti input berita di SatuMedia).

Kelebihan: Lebih aman dan tidak memiliki batasan panjang data seperti GET.

4. Tutorial: Implementasi Form Pendaftaran Sederhana

Berikut adalah contoh formulir standar menggunakan metode POST:

<form action="simpan.php" method="POST"> <label for="nama">Nama Lengkap:label><br> ; <input type="text" id="nama" name="user_name"><br><br> & lt;button type="submit">Kirim Databutton> form>

Catatan Penting untuk Backend: Pastikan setiap tag memiliki atribut name (seperti user_name di atas). Tanpa atribut name, server tidak akan bisa mengenali dat a yang dikirim.

Tabel Perbandingan GET vs POST

Kesimpulan

Memahami cara kerja formulir adalah langkah pertama untuk menjadi pengembang web yang andal. Sebagai orang yang sering berurusan dengan L aravel, Anda akan sangat sering berinteraksi dengan method="POST", terutama saat berurusan deng an keamanan seperti token CSRF.