Un <form> raccoglie l'input dell'utente e lo invia a un server. Gli attributi chiave sono action (dove inviare) e method (come inviare).
html
Email
Password
Sign up
Un <form> raccoglie l'input dell'utente e lo invia a un server. Gli attributi chiave sono action (dove inviare) e method (come inviare).
Email
Password
Sign up
Quando l'utente fa clic sul pulsante di invio (o preme Invio), il browser raccoglie tutti i controlli che hanno un name, li codifica e invia una richiesta a action.
<form method="get" action="/search"> <!-- data in the URL: /search?q=html -->
<form method="post" action="/login"> <!-- data in the request body -->
name è essenziale<input value="hi" /> <!-- ❌ no name → NOT submitted -->
<input name="message" value="hi" /> <!-- ✅ submitted as message=hi -->
Solo i controlli con un nome vengono inviati. Il server li legge in base al loro 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
});
I moduli sono il modo principale in cui gli utenti inviano dati ai server.
Comprendere la semantica di action/method, il ruolo di name, la semantica GET-vs-POST e preventDefault per la gestione in JS è fondamentale per ogni app web con input.