HTML - Botão de Envio

  »   HTML  »   HTML Tutorial - Botões de Envio

O botão de enviar é outro uso da tag <input> . Será mostrado um botão comum, que performa a ação de enviar um formulário.

html<input type="submit" value="Submit" /><br />

<input type="submit" value="Send" /><br />

<input type="submit" value="Continue" />

Demo



Como você pode ver, fizemos uma variação dos botões d envio, mudando o texto do atributo value . Isso pode ser modificado dependendo da demanda.

Submit - O envio

Para um botão de envio funcionar corretamente ele precisa ser colocado na tag <form> , e outros atribtos tão são requeridos. Eles serão method e action. Também precisaresmo de um arquivo a PHP, PERL ou ASP para receber a informação do servidor e completar essa ação.

Outra opção seria colocar o valor do atributo action como mailto, seguido pelo endereço de e-mail e o formulário será enviado para o endereço de e-mail.

html<form method="post" action="mailto:email@example.com" >

	Nome:<input type="text" name="Name" size="15" maxlength="15" /><br />
	
	Sobrenome:<input type="text" name="Last_name" size="25" maxlength="25" /><br />
	
	<input type="submit" value="Send email" />

</form>

Demo

Nome:
Sobrenome:

Apenas mude o e-mail email@example.com pelo seu, para que seja funcional.