HTML <button> atributo formmethod
Exemplo
Um formulário com dois botões de envio. O primeiro botão enviar envia os dados do formulário com method="get" e o segundo envia os dados do formulário com method="post":
<form action="/action_page.php" method="get">
<label for="fname">First name:</label>
<input type="text" id="fname"
name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<button type="submit">Submit</button>
<button type="submit" formmethod="post">Submit using POST</button>
</form>
Definição e uso
O formmethodatributo especifica qual método HTTP usar ao enviar os dados do formulário. Este atributo substitui o atributo do formulário method.
O formmethodatributo é usado apenas para botões com
type="submit".
Os dados do formulário podem ser enviados como variáveis de URL (com
method="get") ou como postagem HTTP (com
method="post").
Observações sobre o método "get":
- ele anexa os dados do formulário ao URL em pares nome/valor
- é útil para envios de formulários em que um usuário deseja marcar o resultado
- Existe um limite para a quantidade de dados que você pode colocar em uma URL (varia entre os navegadores), portanto, você não pode ter certeza de que todos os dados do formulário serão transferidos corretamente
- Nunca use o método "get" para passar informações confidenciais! (senha ou outras informações confidenciais estarão visíveis na barra de endereços do navegador)
Notas sobre o método "post":
- ele envia os dados do formulário como uma transação HTTP post
- Os envios de formulários com o método "post" não podem ser marcados como favoritos
- é mais robusto e seguro do que "get"
- não tem limitações de tamanho
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que suporta totalmente o atributo.
| Attribute | |||||
|---|---|---|---|---|---|
| formmethod | 9.0 | 10.0 | 4.0 | 5.1 | 15.0 |
Sintaxe
<button type="submit" formmethod="get|post">
Valores de atributo
| Value | Description |
|---|---|
| get | Appends the form-data to the URL: URL?name=value&name=value |
| post | Sends the form-data as an HTTP post transaction |
❮ Tag HTML <button>