Exercícios
-
Crie um formulário que permita o usuário digitar seu nome, idade e e-mail. O formulário deve ter um botão de envio. Ao clicar no botão, exiba uma mensagem de confirmação com os dados digitados pelo usuário.
-
Crie um formulário que permita o usuário digitar seu nome, idade e e-mail. O formulário deve ter um botão de envio. Ao clicar no botão, exiba uma mensagem de confirmação com os dados digitados pelo usuário. O campo de nome deve ter um tamanho mínimo de 3 caracteres e um tamanho máximo de 20 caracteres. O campo de idade deve ser um número entre 18 e 60. O campo de e-mail deve ser um e-mail válido.
Projeto 1
O projeto consiste na criação de um formulário para edição do perfil de um usuário. O formulário deve conter os pelo menos os seguintes campos:
- Nome
- Senha
- Confirmação de senha
- Data de nascimento
- Endereço
- Cidade (este deve ser um campo do tipo string)
- Estado (Este deve ser um campo do tipo select, com as opções: AC, AL, AP, AM, BA, CE, DF, ES, GO, MA, MT, MS, MG, PA, PB, PR, PE, PI, RJ, RN, RS, RO, RR, SC, SP, SE, TO). Os valores armazenados devem ser os códigos dos estados, mas deve ser exibido o nome do estado.
- Hobbies
- Linguagens de programação
- Biografia
Após salvar as informações, deve ser exibida uma div com as informações preenchidas pelo usuário.
Serão considerados os seguintes critérios de avaliação:
- Boas práticas de programação (indentação, nomes de variáveis, etc)
- Uso de HTML semântico
- Uso de CSS e organização da apresentação visual do formulário
Discussão do projeto
Um exemplo básico de implementação desse projeto está em Editor de Perfil. O código fonte está disponível em GitHub