Lomake <form> kerää käyttäjän syöttöä ja lähettää sen palvelimelle. Tärkeimmät attribuutit ovat action (minne lähettää) ja method (miten lähettää).
html
Email
Password
Sign up
Lomake <form> kerää käyttäjän syöttöä ja lähettää sen palvelimelle. Tärkeimmät attribuutit ovat action (minne lähettää) ja method (miten lähettää).
Email
Password
Sign up
Kun käyttäjä napsauttaa lähetysnappia (tai painaa Enter), selain kerää kaikki ohjausobjektit joilla on name, koodaa ne ja lähettää pyynnön osoitteeseen action.
<form method="get" action="/search"> <!-- data in the URL: /search?q=html -->
<form method="post" action="/login"> <!-- data in the request body -->
name on välttämätön<input value="hi" /> <!-- ❌ no name → NOT submitted -->
<input name="message" value="hi" /> <!-- ✅ submitted as message=hi -->
Vain nimetyt ohjausobjektit lähetetään. Palvelin lukee ne niiden name perusteella.
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
});
Lomakkeet ovat ensisijainen tapa, jolla käyttäjät lähettävät tietoja palvelimille.
action/method ymmärtäminen, name-attribuutin rooli, GET-versus-POST semantiikka ja preventDefault JS-käsittelyä varten ovat olennaisia jokaiselle verkkosovellukselle, jossa on syöttöä.