O projeto está inativo

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.

292

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.

que a força esteja com vc

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” />
Um elemento do tipo submit no Google Chrome
Figura 1. Um elemento do tipo submit no Google Chrome

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.

Resultado
da requisição
Figura 2. Resultado da requisição
Série

Esse projeto faz parte da Série Dê o próximo passo após o HTML/CSS!

Entre na turma de julho e receba uma caneca CSS
* Apenas 62 unidades disponíveis
Por 12x de R$ 54,90
selo qualidade DevMedia selo qualidade DevMedia
Por que a DevMedia?
  • Acesso completo
  • Projetos reais
  • Professores online
  • Exercícios gamificados
  • Certificado de autoridade
selo qualidade DevMedia

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários,
consulte nossa política de privacidade.

Aceitar