<form> mengumpulkan input pengguna dan menyerahkan ke server. Atribut kunci adalah action (ke mana mengirim) dan method (cara mengirim).
html
Email
Password
Sign up
<form> mengumpulkan input pengguna dan menyerahkan ke server. Atribut kunci adalah action (ke mana mengirim) dan method (cara mengirim).
Email
Password
Sign up
Ketika pengguna mengklik tombol kirim (atau menekan Enter), browser mengumpulkan semua kontrol yang memiliki name, mengkodekannya, dan mengirim permintaan ke action.
<form method="get" action="/search"> <!-- data in the URL: /search?q=html -->
<form method="post" action="/login"> <!-- data in the request body -->
name sangat penting<input value="hi" /> <!-- ❌ no name → NOT submitted -->
<input name="message" value="hi" /> <!-- ✅ submitted as message=hi -->
Hanya kontrol bernama yang dikirim. Server membacanya berdasarkan name mereka.
form.addEventListener("submit", (e) => {
e.preventDefault(); // stop the full-page reload to handle it with fetch/AJAX
const data = new FormData(form); // easy way to read all fields
});
Bentuk adalah cara inti bagi pengguna mengirim data ke server.
Memahami semantik action/method, peran name, semantik GET-vs-POST, dan preventDefault untuk penanganan JS sangat penting untuk setiap aplikasi web dengan input.