Un <form> recopila la entrada del usuario y la envía a un servidor. Los atributos clave son action (a dónde enviar) y method (cómo enviar).
html
Email
Password
Sign up
Un <form> recopila la entrada del usuario y la envía a un servidor. Los atributos clave son action (a dónde enviar) y method (cómo enviar).
Email
Password
Sign up
Cuando el usuario hace clic en el botón enviar (o presiona Enter), el navegador recopila todos los controles que tienen un name, los codifica y envía una solicitud 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 es esencial<input value="hi" /> <!-- ❌ no name → NOT submitted -->
<input name="message" value="hi" /> <!-- ✅ submitted as message=hi -->
Solo se envían los controles con nombre. El servidor los lee por su 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
});
Los formularios son la forma principal en que los usuarios envían datos a los servidores.
Comprender action/method, el rol de name, la semántica GET-versus-POST y preventDefault para manejo de JS es fundamental para toda aplicación web con entrada.