En <form> indsamler brugerinput og sender det til en server. De vigtigste attributter er action (hvor skal sendes) og method (hvordan skal sendes).
html
Email
Password
Sign up
En <form> indsamler brugerinput og sender det til en server. De vigtigste attributter er action (hvor skal sendes) og method (hvordan skal sendes).
Email
Password
Sign up
Når brugeren klikker på send-knappen (eller trykker Enter), indsamler browseren alle controls der har et name, kodificerer dem og sender en anmodning til action.
<form method="get" action="/search"> <!-- data in the URL: /search?q=html -->
<form method="post" action="/login"> <!-- data in the request body -->
name er essentiel<input value="hi" /> <!-- ❌ no name → NOT submitted -->
<input name="message" value="hi" /> <!-- ✅ submitted as message=hi -->
Kun navngivne controls sendes. Serveren læser dem ved deres 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
});
Formularer er den primære måde, brugere sender data til servere på.
At forstå action/method, rollen af name, GET-versus-POST-semantik og preventDefault til JS-håndtering er grundlæggende for enhver webapplikation med input.