HTML26 / 46

form, action, dan method

<form> membungkus input dan menentukan ke mana data dikirim lewat action serta caranya lewat method. Aturan praktisnya: GET untuk pencarian, karena datanya tampil di URL sehingga hasilnya bisa di-bookmark dan dibagikan; POST untuk apa pun yang mengubah data, seperti login, pendaftaran, dan pembelian. Jangan pernah mengirim kata sandi lewat GET — nilainya akan tercatat di riwayat browser, log server, dan header Referer. Kalau action dikosongkan, form dikirim kembali ke alamat halaman itu sendiri.

👀 Contoh dulu

<form action="/cari" method="get">
  <input type="search" name="q">
  <button type="submit">Cari</button>
</form>

Hasilnya: Kotak pencarian dengan tombol. Saat disubmit, browser membuka /cari?q=isian karena memakai GET.

💡 Perhatikan GET menempelkan data ke URL (bisa di-bookmark). Untuk login/pendaftaran, itu justru bahaya.

📝 Sekarang giliranmu

Buat <form> dengan action="/daftar" dan method="post". Isinya boleh kosong dulu.

Preview