<form> renka naudotojo įvestį ir nusiunčia ją į serverį. Pagrindiniai atributai yra action (kur nusiųsti) ir method (kaip nusiųsti).
html
Email
Password
Sign up
<form> renka naudotojo įvestį ir nusiunčia ją į serverį. Pagrindiniai atributai yra action (kur nusiųsti) ir method (kaip nusiųsti).
Email
Password
Sign up
Kai naudotojas spusteli pateikimo mygtuką (arba paspaudi Enter), naršyklė surenka visus valdiklius turinčius name, jūs juos koduoja ir nusiunčia užklausą į action.
<form method="get" action="/search"> <!-- data in the URL: /search?q=html -->
<form method="post" action="/login"> <!-- data in the request body -->
name yra būtinas<input value="hi" /> <!-- ❌ no name → NOT submitted -->
<input name="message" value="hi" /> <!-- ✅ submitted as message=hi -->
Nusiunčiami tik vardiniai valdikliai. Serveris juos skaito pagal jų 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
});
Formos yra pagrindinė priemonė, kuria naudotojai siunčia duomenis į serverius.
Supratimas action/method, name vaidmens, GET-vs-POST semantikos ir preventDefault JS tvarkymui yra esminė kiekvienai internetinei programai, kuri turi įvestis.