Formulário de cadastro com atributos do HTML5
Formulários são uma parte fundamental da web, pois permitem o envio de dados para o back-end da aplicação. Nessa documentação criaremos um formulário de cadastro para uma pizzaria hipotética chamada Hello Pizza.
Projeto já adicionado aos favoritos. Clique aqui para ver todos seus favoritos
Obrigado pela sua avaliação, deixe o seu feedback nos comentários :D
Enviando os dados para o servidor
Agora que finalizamos a codificação do nosso formulário, chegou a hora de testá-lo e ver o resultado de todo o projeto após toda essa jornada.
O controle do tipo submit cria um botão idêntico a elemento button, conforme ilustrado na Figura 1. Note que é importante definir um valor (value) para o submit porque cada navegador obrigatoriamente o nomeia:
<input type="submit" value=”Clique Aqui” />
Para fazer a requisição ao servidor de testes, primeiro precisamos ir no elemento form e trocar o valor do atributo para http://arquivo.devmedia.com.br/projeto/requisicao.php. Ao fazer isso o elemento deve ficar semelhante ao fragmento de código abaixo:
<form method="GET"
action="http://arquivo.devmedia.com.br/projeto/requisicao.php">
...
</form>
Depois disso vamos abrir o arquivo index.html no navegador, preencher os campos obrigatórios do formulário e, por último, clicar no botão de envio. Esperamos que os dados sejam enviados e comparados e se o resultado da requisição foi o esperado, como mostra a Figura 2.
Esse projeto faz parte da Série Dê o próximo passo após o HTML/CSS!