O projeto está inativo

AluCar: Recebendo inputs do usuário através de formulários

Neste projeto vamos conhecer um exemplo prático que utiliza alguns inputs para construir um formulário de cadastro de uma loja de aluguel de carro.

6

Introdução

Neste projeto vamos criar uma página que pode ser vista na Animação 1.

Página que aplica os conceitos aprendidos neste curso
Animação 1. Página que aplica os conceitos aprendidos neste curso

Conheça a página do exemplo no flow seguinte:

Exemplo prático Exemplo prático Exemplo prático Exemplo prático Exemplo prático Exemplo prático Exemplo prático

No Código 1 veja a URL do back-end que disponibilizamos para você inserir na propriedade action da tag form.


  https://www.devmedia.com.br/codigos/formularios/aula9/
Código 1. URL do back-end do exemplo prático

Entenda no flow abaixo o código usado para criação do formulário:

Exemplo prático Exemplo prático Exemplo prático Exemplo prático Exemplo prático Exemplo prático Exemplo prático

Veja no flow seguinte o código utilizado na construção dos fieldsets:

Exemplo prático Exemplo prático Exemplo prático Exemplo prático Exemplo prático Exemplo prático Exemplo prático

Agora que vimos a construção dos três fieldsets, veja em detalhes o conteúdo de cada um deles, começando pelo fieldset de dados pessoais:

Exemplo prático Exemplo prático Exemplo prático Exemplo prático Exemplo prático Exemplo prático

Veja no flow seguinte o código do fieldset da CNH:

Exemplo prático Exemplo prático Exemplo prático Exemplo prático

Para concluir o exemplo, veja a seguir o código do conteúdo do fieldset de carro:

Exemplo prático Exemplo prático Exemplo prático Exemplo prático Exemplo prático Exemplo prático Exemplo prático Exemplo prático Exemplo prático Exemplo prático

Confira no link a seguir a execução do exemplo:

Exemplo Prático - Aluguel de Carros


A página de aluguel de carros apresenta de maneira simples o uso de um formulário dentro de uma situação real. Durante o curso e através desta página podemos perceber como o formulário é importante em diversas situações.
Chega de perder tempo!
Comece hoje mesmo a programar de verdade
Apenas 12x de R$ 54,90
Por que a DevMedia?
  • Didática focada no iniciante
  • Aprenda construindo projetos reais
  • Domine as tecnologias mais usadas no mercado
  • Professores online o tempo todo
  • + de 8000 exercícios gamificados
  • + de 100 mil alunos formados

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

Aceitar