Ein <form> erfasst Benutzereingaben und sendet sie an einen Server. Die Schlüsselattribute sind action (wohin senden) und method (wie senden).
html
Email
Password
Sign up
Ein <form> erfasst Benutzereingaben und sendet sie an einen Server. Die Schlüsselattribute sind action (wohin senden) und method (wie senden).
Email
Password
Sign up
Wenn der Benutzer auf die Submit-Schaltfläche klickt (oder Enter drückt), sammelt der Browser alle Steuerelemente die ein name haben, codiert sie und sendet eine Anfrage an action.
<form method="get" action="/search"> <!-- data in the URL: /search?q=html -->
<form method="post" action="/login"> <!-- data in the request body -->
name-Attribut ist unverzichtbar<input value="hi" /> <!-- ❌ no name → NOT submitted -->
<input name="message" value="hi" /> <!-- ✅ submitted as message=hi -->
Nur benannte Steuerelemente werden gesendet. Der Server liest sie anhand ihres 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
});
Formulare sind die Hauptmethode für Benutzer, um Daten an Server zu senden.
Das Verständnis von action/method, die Rolle von name, GET-versus-POST-Semantik und preventDefault für die JS-Handhabung ist grundlegend für jede Web-App mit Eingaben.