por Deni Marinho

Formulário com múltiplos "submit" e "method" em HTML5

O HTML5 resolve um problema antigo para os desenvolvedores web, o submit simples.

No HTML4 o botão submit enviava os dados do formulário para a página indicada no atributo action do elemento form, porém, quando precisávamos que um botão enviasse para um outro lugar, tinha de ser feito usando uma gambiarra Javascript.

Agora, podemos fazer cada botão submit enviar os dados para uma página diferente, usando o atributo "formaction" no elemento "input" do tipo submit.

No atributo "formmethod" podemos definir qual método de envio será usado, se "get" ou "post". Simples assim.

Os botões que não tiverem o atributos acima, usarão os valores definidos no form como default.

<form id="formulario" action="page1.html" method="post">
 <input type="submit" value="Page 1">
 <input type="submit" formaction="page2.html" value="Page 2">
 <input type="submit" formaction="page3.html" formmethod="get" value="Page 3">
</form>

 

Comentários

Carregando comentários

Postar um novo comentário



Processando...