Egy <form> összegyűjti a felhasználó bemeneti adatait és elküldi azokat a szervernek. A kulcs attribútumok az action (hova küldeni) és method (hogyan küldeni).
html
Email
Password
Sign up
Egy <form> összegyűjti a felhasználó bemeneti adatait és elküldi azokat a szervernek. A kulcs attribútumok az action (hova küldeni) és method (hogyan küldeni).
Email
Password
Sign up
Mikor a felhasználó a submit gombra kattint (vagy Enter-t nyom), a böngésző össze gyűjt minden olyan vezérlőelemet, amely rendelkezik name attribútummal, kódolja azokat, és egy kérést küld az action címre.
<form method="get" action="/search"> <!-- data in the URL: /search?q=html -->
<form method="post" action="/login"> <!-- data in the request body -->
name attribútum elengedhetetlen<input value="hi" /> <!-- ❌ no name → NOT submitted -->
<input name="message" value="hi" /> <!-- ✅ submitted as message=hi -->
Csak az elnevezett vezérlőelemek kerülnek elküldésre. A szerver név alapján olvassa őket.
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
});
A formok a felhasználók adatait a szerverhez küldésének alapvető módja.
Az action/method megértése, a name szerepe, a GET versus POST szemantikája, és a preventDefault JS kezeléshez alapvető fontosságú minden adatbevitelt tartalmazó webalkalmazásban.