<form> zbiera dane wejściowe użytkownika i przesyła je na serwer. Kluczowe atrybuty to action (dokąd wysłać) i method (jak wysłać).
html
Email
Password
Sign up
<form> zbiera dane wejściowe użytkownika i przesyła je na serwer. Kluczowe atrybuty to action (dokąd wysłać) i method (jak wysłać).
Email
Password
Sign up
Kiedy użytkownik kliknie przycisk submit (lub naciśnie Enter), przeglądarka zbiera wszystkie elementy sterujące które mają name, koduje je i wysyła żądanie do action.
<form method="get" action="/search"> <!-- data in the URL: /search?q=html -->
<form method="post" action="/login"> <!-- data in the request body -->
name jest niezbędny<input value="hi" /> <!-- ❌ no name → NOT submitted -->
<input name="message" value="hi" /> <!-- ✅ submitted as message=hi -->
Tylko nazwane elementy sterujące są wysyłane. Serwer odczytuje je po ich 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
});
Formularze są głównym sposobem, w jaki użytkownicy wysyłają dane na serwery.
Zrozumienie action/method, roli name, semantyki GET-versus-POST i preventDefault do obsługi JS jest fundamentalne dla każdej aplikacji internetowej z danymi wejściowymi.