[PDF] - Formulários_HTML - IFSP São João da Boa Vista

Prévia do material em texto

FORMULÁRIOS 
Fo
rm
u
lá
ri
o
s 
São seções específicas de um documento projetadas para coletar 
dados fornecidos pelo usuário e enviá-los para serem 
processados por um script 
 
O formulário deve ser definido dentro da tag <form> e o atributo 
action (especifica para onde enviar o formulário de dados, quando 
um formulário for enviado). 
 
<form action="pagina.asp"> 
 CONTROLES DO FORMULÁRIO 
</form> 
 
O atributo action pode ficar vazio: 
 
<form action=""> 
 CONTROLES DO FORMULÁRIO 
</form> Referência W3C 
FORMULÁRIOS 
Fo
rm
u
lá
ri
o
s 
Os campos de um formulário são chamados de controles e 
podem ser do tipo: 
 
1. Botão 
2. Entrada de Texto 
3. Seleção única 
4. Múltipla seleção 
5. Menus de escolha 
6. Coleta oculta de dados 
7. Envio de Arquivos 
8. Inserção de Objetos 
1. Botão 
Fo
rm
u
lá
ri
o
s 
2. Entrada de Texto 
Fo
rm
u
lá
ri
o
s 
3. Seleção única 
Fo
rm
u
lá
ri
o
s 
4. Múltipla Seleção 
Fo
rm
u
lá
ri
o
s 
5. Menu de Escolha 
Fo
rm
u
lá
ri
o
s 
6. Coleta oculta de dados 
Fo
rm
u
lá
ri
o
s 
7. Envio de Arquivos 
Fo
rm
u
lá
ri
o
s 
8. Inserção de Objetos 
Fo
rm
u
lá
ri
o
s 
ATIVIDADE 1 
Fazer o código para o formulário abaixo 
Fo
rm
u
lá
ri
o
s 
ATIVIDADE 2 
Um hotel precisa de um site que contenha um formulário para reservas. 
 
Um sistema de reservas de um hotel inclui uma série de complexidades, 
tais como controle de datas e horários de entrada e saída dos hóspedes 
e ocupação dos quartos. Porém, no nosso caso, iremos estipular uma rede 
hoteleira que trabalha somente com agências de turismo que vendem 
pacotes de uma semana, ou seja, nossas reservas serão realizadas por 
semana (1 a 52 num ano). 
 
A reserva será feita por uma agência credenciada e nunca pelo cliente 
diretamente. 
 
Nosso site deverá possuir duas páginas: 
1. A página principal (index.html) com nome do hotel, serviços e logotipo. No 
rodapé da página deve constar o nome e RA do aluno 
2. A página de reservas (reserva.html) com o formulário de acordo com o 
conteúdo e regras a seguir 
 
 
Fo
rm
u
lá
ri
o
s 
Regras da Atividade 2 
Este formulário deverá conter os seguintes campos: 
 
• agencia: escolher uma dentre as agências credenciadas a utilizar o 
sistema (Sol Turismo, Minas Turismo, Mar&Tur, SPTur, RioTur e Ana 
Paula Turismo). 
• agente: Nome completo do agente de turismo que está fazendo a 
reserva. 
• cliente: Nome completo do cliente que está solicitando a reserva. 
• cpf: CPF do cliente. 
• telefone: telefone de contato do cliente. 
• email: email de contato do cliente. 
• ano: para qual ano será a reserva (2008, 2009, 2010, 2011 ou 2012). 
• semana: semana a ser reservada (1, 2, 3, ...52). 
• adultos: quantidade de adultos. 
• chd: quantidade de crianças. 
• quarto: tipo do quarto (Standard, Especial ou luxo). 
Fo
rm
u
lá
ri
o
s