Ett <form> samlar användarinput och skickar det till en server. De viktigaste attributen är action (var man ska skicka) och method (hur man ska skicka).
html
Email
Password
Sign up
Ett <form> samlar användarinput och skickar det till en server. De viktigaste attributen är action (var man ska skicka) och method (hur man ska skicka).
Email
Password
Sign up
När användaren klickar på skicka-knappen (eller trycker Enter) samlar webbläsaren alla kontroller som har ett name-attribut, kodifierar dem och skickar en förfrågan till action.
<form method="get" action="/search"> <!-- data in the URL: /search?q=html -->
<form method="post" action="/login"> <!-- data in the request body -->
name är väsentligt<input value="hi" /> <!-- ❌ no name → NOT submitted -->
<input name="message" value="hi" /> <!-- ✅ submitted as message=hi -->
Endast namngivna kontroller skickas. Servern läser dem efter deras 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
});
Formulär är det grundläggande sättet som användare skickar data till servrar.
Att förstå action/method, rollen för name, GET-kontra-POST-semantik och preventDefault för JS-hantering är grundläggande för varje webbapp med inmatning.
Ett bibliotek med IT-intervjufrågor och detaljerade svar — från Junior till Senior.
Donera