Un <form> colectează datele introduse de utilizator și le trimite unui server. Atributele cheie sunt action (unde să trimită) și method (cum să trimită).
html
Email
Password
Sign up
Un <form> colectează datele introduse de utilizator și le trimite unui server. Atributele cheie sunt action (unde să trimită) și method (cum să trimită).
Email
Password
Sign up
Când utilizatorul apasă butonul submit (sau apasă Enter), browserul adună toate controlurile care au un name, le codifică și trimite o cerere la action.
<form method="get" action="/search"> <!-- data in the URL: /search?q=html -->
<form method="post" action="/login"> <!-- data in the request body -->
name este esențial<input value="hi" /> <!-- ❌ no name → NOT submitted -->
<input name="message" value="hi" /> <!-- ✅ submitted as message=hi -->
Numai controalele denumite sunt trimise. Serverul le citește după 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
});
Formularele sunt modul principal prin care utilizatorii trimit date serverelor.
Înțelegerea action/method, rolul name, semantica GET-versus-POST și preventDefault pentru manipularea JS este fundamental pentru orice aplicație web cu intrări.