Un <form> collecte les données saisies par l'utilisateur et les soumet à un serveur. Les attributs clés sont action (où envoyer) et method (comment envoyer).
html
Email
Password
Sign up
Un <form> collecte les données saisies par l'utilisateur et les soumet à un serveur. Les attributs clés sont action (où envoyer) et method (comment envoyer).
Email
Password
Sign up
Lorsque l'utilisateur clique sur le bouton de soumission (ou appuie sur Entrée), le navigateur récupère tous les contrôles qui ont un name, les encode, et envoie une requête à action.
<form method="get" action="/search"> <!-- data in the URL: /search?q=html -->
<form method="post" action="/login"> <!-- data in the request body -->
name est essentiel<input value="hi" /> <!-- ❌ no name → NOT submitted -->
<input name="message" value="hi" /> <!-- ✅ submitted as message=hi -->
Seuls les contrôles nommés sont envoyés. Le serveur les lit par leur 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
});
Les formulaires sont le moyen fondamental pour que les utilisateurs envoient des données aux serveurs.
Comprendre la sémantique de action/method, le rôle de name, les sémantiques GET-vs-POST, et preventDefault pour la gestion en JS est essentiel pour toute application web avec saisie de données.