Atributo formmethod do HTML <button>

Etiqueta HTML <button>

Definição e uso

formmethod A propriedade define o método HTTP usado para enviar os dados do formulário. Esta propriedade sobrepõe a propriedade method do formulário.

formmethod A propriedade é usada apenas para type="submit" do botão.

Os dados do formulário podem ser enviados como variáveis da URL (usando method="get"），ou enviado como HTTP post (usando method="post"）。

Considerações sobre o método "get":

  • Ele anexa os dados do formulário à URL na forma de pares de nome/valor
  • Isso é muito útil para submissões de formulários onde o usuário deseja adicionar os resultados como favoritos
  • A quantidade de dados que pode ser colocada na URL é limitada（varia de navegador para navegador），portanto, não pode ser garantido que todos os dados do formulário sejam transmitidos corretamente.
  • Nunca use o método "get" para passar informações sensíveis！（Senhas ou outras informações sensíveis serão exibidas na barra de endereços do navegador）

Considerações sobre o método "post":

  • Ele envia os dados do formulário como uma transação HTTP POST
  • Os formulários enviados usando o método "post" não podem ser salvo como favoritos
  • Em comparação com o método "get", o método "post" é mais robusto e seguro
  • Não há limites de tamanho

Exemplo

Formulário com dois botões de envio. O primeiro botão de envio usa method="get" para enviar os dados do formulário, e o segundo botão de envio usa method="post" para enviar os dados do formulário:

<form action="/action_page.php" method="get">
  <label for="fname">Nome：</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Sobrenome：</label>
  <input type="text" id="lname" name="lname"><br><br>
  <button type="submit">Enviar</button>
  <button type="submit" formmethod="post">Enviar usando POST</button>
</form>

Experimente você mesmo

Sintaxe

<button type="submit" formmethod="get|post">

Valor do atributo

Valor Descrição
get Anexar os dados do formulário ao URL:URL?name=value&name=value.
post Enviar os dados do formulário como uma transação HTTP POST.

Suporte do navegador

Os números na tabela indicam a versão do navegador que suporta plenamente o atributo.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
9.0 10.0 4.0 5.1 15.0

Notas:formmethod O atributo é uma nova propriedade do HTML 5.

Etiqueta HTML <button>