Quando um formulário HTML é enviado, os dados precisam ser transportados até um servidor para serem processados.
Os dois principais métodos utilizados para envio de informações são: GET e POST.
O atributo method da tag <form> define como os dados serão enviados.
<form method="get">
</form>
<form method="post">
</form>
O método GET envia os dados através da URL do navegador.
<form method="get">
<input
type="text"
name="nome">
<button>
Enviar
</button>
</form>
| Característica | Descrição |
|---|---|
| Visibilidade | Dados aparecem na URL. |
| Tamanho | Possui limite de caracteres. |
| Velocidade | Adequado para consultas. |
| Segurança | Não indicado para dados sensíveis. |
google.com/search?q=html
O método POST envia os dados no corpo da requisição HTTP.
<form method="post">
<input
type="password"
name="senha">
<button>
Enviar
</button>
</form>
| Característica | Descrição |
|---|---|
| Visibilidade | Dados não aparecem na URL. |
| Tamanho | Permite maior quantidade de dados. |
| Arquivos | Permite envio de arquivos. |
| Segurança | Mais adequado para dados privados. |
| GET | POST |
|---|---|
| Dados na URL | Dados ocultos no envio |
| Consultas | Cadastros |
| Mais rápido | Mais adequado para grandes dados |
| Não envia arquivos | Pode enviar arquivos |
| Erro | Problema |
|---|---|
| Enviar senha via GET | Informação exposta. |
| Usar POST para consultas simples | Fluxo desnecessário. |
| Não validar dados | Risco de informações incorretas. |
| Método | Quando usar |
|---|---|
| GET | Buscar informações. |
| POST | Enviar ou alterar informações. |