Bir <form> kullanıcı girdisini toplar ve sunucuya gönderir. Ana özellikler action (nereye göndereceği) ve method (nasıl göndereceği) öğeleridir.
html
Email
Password
Sign up
Bir <form> kullanıcı girdisini toplar ve sunucuya gönderir. Ana özellikler action (nereye göndereceği) ve method (nasıl göndereceği) öğeleridir.
Email
Password
Sign up
Kullanıcı gönder düğmesini tıklatırken (veya Enter tuşuna bastığında), tarayıcı name özelliğine sahip tüm kontrolleri toplar, kodlar ve action öğesine bir istek gönderir.
<form method="get" action="/search"> <!-- data in the URL: /search?q=html -->
<form method="post" action="/login"> <!-- data in the request body -->
name özelliği gereklidir<input value="hi" /> <!-- ❌ no name → NOT submitted -->
<input name="message" value="hi" /> <!-- ✅ submitted as message=hi -->
Yalnızca adlandırılmış kontrollar gönderilir. Sunucu bunları name özelliklerine göre okur.
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
});
Formlar, kullanıcıların sunuculara veri göndermesinin temel yöntemidir.
action/method öğelerini, name öğesinin rolünü, GET-vs-POST semantiğini ve JS işleme için preventDefault öğesini anlamak, giriş alanı olan her web uygulamasının temeli olmuştur.