Een <form> verzamelt gebruikersinvoer en verzendt deze naar een server. De belangrijkste attributen zijn action (waar heen sturen) en method (hoe sturen).
html
Email
Password
Sign up
Een <form> verzamelt gebruikersinvoer en verzendt deze naar een server. De belangrijkste attributen zijn action (waar heen sturen) en method (hoe sturen).
Email
Password
Sign up
Wanneer de gebruiker op de verzendknop klikt (of Enter indrukt), verzamelt de browser alle besturingselementen die een name hebben, codeert ze en stuurt een verzoek naar action.
<form method="get" action="/search"> <!-- data in the URL: /search?q=html -->
<form method="post" action="/login"> <!-- data in the request body -->
name-attribuut is essentieel<input value="hi" /> <!-- ❌ no name → NOT submitted -->
<input name="message" value="hi" /> <!-- ✅ submitted as message=hi -->
Aller genamed besturingselementen worden verzonden. De server leest ze op basis van hun name.
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
});
Formulieren zijn de kernmanier waarop gebruikers gegevens naar servers sturen.
Het begrijpen van action/method, de rol van name, GET-versus-POST-semantiek en preventDefault voor JS-verwerking is fundamenteel voor elke web-app met invoer.