Algoritmos e Programação II

Lista de Exercícios 04 – Formulários HTML

1 – Crie uma página com base no modelo abaixo:

Observações:
a) Crie o título “Formulário de contato – IFRS Campus Ibirubá” com um cabeçalho de nível 2;
b) Acrescente o logotipo do IFRS em algum lugar da tela;
c) Todos os elementos visuais, com exceção do cabeçalho, estão posicionados em uma tabela com
largura de 500px, sem borda;

2 – Crie uma página com o layout abaixo:

 Algoritmos e Programação II
Lista de Exercícios 04 – Formulários HTML

Observações:
a) Texto “Ficha Cadastral”: uso de cabeçalho de nível 2 e fonte padrão;
b) Demais textos: uso de fonte da família Arial, de tamanho 20;
c) Todos os elementos visuais, com exceção do cabeçalho, estão posicionados em uma tabela com
largura de 500px, sem borda;
d) Atente para o alinhamento dos textos “C.P.F.” e “Data Nascimento”;
e) Opções de sexo: Masculino/Feminino;
f) Tamanho dos campos de texto:
- 1. Nome e Endereço: 55 caracteres
- 2. RG, CPF e Data de Nascimento: 13 caracteres.
g) Botão com o propósito de restaurar os conteúdos iniciais dos campos do formulário.
h) Todos os campos são de preenchimento obrigatório.

3 – Crie uma página HTML para o cadastro de um Currículo Online com base na imagem abaixo:

Observações:
a) Ignore a cor de fundo, é apenas um exemplo para você se basear.
b) Acrescente o título “Currículo Online” utilizando a tag de cabeçalho.
 Algoritmos e Programação II
Lista de Exercícios 04 – Formulários HTML

c) Acrescente um novo Fieldset com o título “Formação Acadêmica” e dentro dele, as seguintes
informações:
- O usuário vai poder informar 3 cursos diferentes, e para cada curso é necessário informar:
1) Escolaridade: Campo do tipo SELECT, com as opções Curso Técnico, Graduação, Pós
Graduação, Mestrado e Doutorado;
2) Nome do Curso: campo de texto com 70 caracteres;
3) Instituição: Campo de texto com 100 caracteres;
4) Campos Data Início e Data Conclusão;

d) Acrescente um novo Fieldset com o título “Experiências Profissionais” e dentro dele, as

seguintes informações:
- O usuário vai poder informar 2 empresas diferentes onde ele possa ter trabalhado, e para cada
uma é necessário:
1) Nome Empresa;
2) Cargo;
3) Data de Admissão e Data de Demissão;
4) Atividades Exercidas: Campo que permita o usuário informar mais de uma linha.

4 - Crie um formulário para o cadastro em um jogo online de RPG. O formulário deve conter os
seguintes campos principais:

1. Texto: Nome de personagem

2. Password: Senha de acesso
3. Password: Confirmação da senha
4. Checkbox: Classe de personagem (guerreiro, mago, arqueiro, paladino, outros)
5. Select: Raça de personagem (humano, elfo, anão, orc, outros)
6. Radio button: Tipo de servidor de jogo (PvP, PvE, RP)
7. Botão de envio: Enviar cadastro

Obs: Crie uma página personalizada, utilizando os recursos que desejar.