Atributo formMethod do Button

Objeto Button do DOM HTML

Definição e uso

formMethod A propriedade define ou retorna o Atributo formmethod O valor.

O atributo formmethod define o método HTTP usado para enviar os dados do formulário. Este atributo sobrepõe o atributo method do formulário.

O atributo formmethod é usado apenas para botões com type="submit".

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

Notas sobre o método "get":

  • Ele adiciona os dados do formulário na forma de pares de nome/valor à URL
  • Isso é útil para submissões de formulários onde o usuário deseja adicionar o resultado aos favoritos
  • A quantidade de dados que pode ser colocada na URL é limitada（varia de navegador para navegador），portanto，você não pode garantir que todos os dados do formulário sejam transmitidos corretamente
  • Não use o método "get" para passar informações sensíveis！（As informações sensíveis como senhas ou outras informações sensíveis serão exibidas 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 formulários enviados usando o método "post" não podem ser adicionados aos favoritos
  • Mais robusto e seguro do que "get"
  • Sem limites de tamanho

Notas:Atributo formmethod É uma nova propriedade do elemento <button> no HTML5.

Exemplo

Exemplo 1

Retornar o método HTTP usado para enviar os dados do formulário:

var x = document.getElementById("myBtn").formMethod;

Experimente você mesmo

Exemplo 2

Mudar o método de envio dos dados do formulário:

document.getElementById("myBtn").formMethod = "post";

Experimente você mesmo

Exemplo 3

Outro exemplo de retorno do atributo formMethod:

var x = document.getElementById("myBtn").formMethod;

Experimente você mesmo

Sintaxe

Retornar o atributo formMethod:

buttonObject.formMethod

Definir o atributo formMethod:

buttonObject.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

Detalhes técnicos

Retorno: Valor de string, que representa o método HTTP usado para enviar o formulário para o servidor.

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte 10.0 Suporte Suporte Suporte

Páginas relacionadas

Manual de referência do HTML:Atributo formmethod do <button> do HTML

Objeto Button do DOM HTML