A <form> mengumpulkan input pengguna dan mengirimkannya ke server. Atribut kunci adalah action (kemana mengirim) dan method (cara mengirim).
html
Email
Password
Sign up
A <form> mengumpulkan input pengguna dan mengirimkannya ke server. Atribut kunci adalah action (kemana mengirim) dan method (cara mengirim).
Email
Password
Sign up
Ketika pengguna mengklik tombol submit (atau menekan Enter), browser mengumpulkan semua kontrol yang memiliki name, mengenkodenya, 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
});
Form adalah cara inti pengguna mengirim data ke server.
Memahami semantik action/method, peran name, semantik GET-vs-POST, dan preventDefault untuk penanganan JS adalah fundamental untuk setiap web app dengan input.
Perpustakaan pertanyaan wawancara IT dengan jawaban mendetail — dari Junior hingga Senior.
Donasi