Um <form> coleta a entrada do usuário e a envia para um servidor. Os atributos principais são action (para onde enviar) e method (como enviar).
html
Email
Password
Sign up
Um <form> coleta a entrada do usuário e a envia para um servidor. Os atributos principais são action (para onde enviar) e method (como enviar).
Email
Password
Sign up
Quando o usuário clica no botão submit (ou pressiona Enter), o navegador reúne todos os controles que possuem um name, os codifica e envia uma solicitação para action.
<form method="get" action="/search"> <!-- data in the URL: /search?q=html -->
<form method="post" action="/login"> <!-- data in the request body -->
name é essencial<input value="hi" /> <!-- ❌ no name → NOT submitted -->
<input name="message" value="hi" /> <!-- ✅ submitted as message=hi -->
Apenas os controles nomeados são enviados. O servidor os lê pelo seu 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
});
Formulários são a maneira principal como os usuários enviam dados para servidores.
Compreender action/method, o papel de name, a semântica GET-versus-POST e preventDefault para manipulação em JS é fundamental para qualquer aplicação web com entrada.
Uma biblioteca de perguntas de entrevista de TI com respostas detalhadas — de Júnior a Sênior.
Doar