Et <form> samler brukerinput og sender det til en server. Nøkkelattributtene er action (hvor du skal sende) og method (hvordan du skal sende).
html
Email
Password
Sign up
Et <form> samler brukerinput og sender det til en server. Nøkkelattributtene er action (hvor du skal sende) og method (hvordan du skal sende).
Email
Password
Sign up
Når brukeren klikker på send-knappen (eller trykker Enter), samler nettleseren alle kontroller som har et name, koder dem og sender en forespørsel 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 essensielt<input value="hi" /> <!-- ❌ no name → NOT submitted -->
<input name="message" value="hi" /> <!-- ✅ submitted as message=hi -->
Bare navngitte kontroller blir sendt. Serveren leser dem med 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
});
Skjemaer er den sentrale måten brukere sender data til servere.
Å forstå action/method, rollen til name, GET-versus-POST-semantikk og preventDefault for JS-håndtering er grunnleggende for alle nettapper med inndata.