Manual de referência HTML

大全 de etiquetas HTML

HTML: <button> propriedade formmethod

Este artigo introduz o uso da propriedade formmethod do botão HTML, demonstrando exemplos online de como usar a propriedade formmethod do botão HTML, compatibilidade do navegador, definição sintática e detalhes dos valores das propriedades.

　HTML <button> etiqueta

Exemplo online

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

Exemplo

!DOCTYPE html
<html>
<head>
<title>HTML:<button> propriedade formmethod　-　Base Tutorial Network oldtoolbag.com</title>
<body>
<form action="action_page.php" method="get">
　　Nome: <input type="text" name="fname"><br>
　　Sobrenome: <input type="text" name="lname"><br>
　　<button type="submit">Enviar via método padrão get</button>
　　<button type="submit" formmethod="post">Enviar via método post</button>
</form>
</body>
</html>

Teste e veja ‹/›

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Internet Explorer 10, Firefox, Opera, Chrome e Safari suportam a propriedade formmethod.

Atenção:Internet Explorer 9 e versões mais antigas do Internet Explorer não suportam a propriedade formmethod.

Definição e uso

A propriedade formmethod especifica o método HTTP a ser usado ao enviar dados do formulário. Esta propriedade sobrepõe o método padrão do formulário. 　method 　propriedade
A propriedade formmethod é usada apenas para botões do tipo "submit".
Os dados do formulário podem ser enviados como variáveis da URL (usando method = "get") ou como HTTP post (usando method = "post").
Anotações sobre o método "GET":

Ele vai enviar os dados do formulário com o nome/Adicionar o valor no formato de par de valores ao URL
Muito útil para envios de formulários onde o usuário deseja adicionar o resultado como favorito
A quantidade de dados que pode ser colocada na URL é limitada（há diferenças entre os navegadores），portanto，não pode ser garantido 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 serão exibidas na barra de endereços do navegador）

Comentários sobre o método "post":

Envia os dados do formulário como transação HTTP pós
Não pode ser adicionado como favorito o envio de formulário com método "post"
É mais robusto e seguro do que "get"
Não tem limite de tamanho

HTML 4.01 com HTML5diferenças

A propriedade formmethod é do HTML 5 do novo atributo.

Sintaxe

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

Valor do atributo

Valor	Descrição
get	Adicionar dados do formulário à URL（form-data）：URL?name=value&name=value
post	Enviar dados do formulário na forma de transação HTTP post（form-data）

　HTML <button> etiqueta

HTML: <template> etiqueta