ESPE - Escola Profissional Espinho

Ficha de Trabalho
Turma: ESPE - CP Tc. Vendas 1 ano - 2014/2015
Disciplina: Tecnologias da Informao e Comunicao
Mdulo: 3 - Criao de Pginas Web
Docente: Jorge Amadeo de Sousa Correia Data: 2015-04-27
Aluno: N:

Objectivos da actividade:

Formulrios.

AG O QUE FAZ
<form> Abre um formulrio

Fecha um formulrio
</form> Formulrios do tipo caixa de texto

<input> Atributos usados na tag <input> (obrigatrios)

Type tipo de formulrio, podendo este ser do tipo:
Text formulrio do tipo caixa de texto (curto)
Password- entrada de texto oculto

Checkbox - um campo de mltipla escolha onde o

utilizador pode escolher mais de uma opo.
Rdio- um formulrio de mltipla escolha, mas nesse caso o
utilizador poder escolher apenas uma opo.
Submit Por sua vez, submit enviar as opes ou informaes
digitadas ao servidor.

Reset - Um boto reset pode ser usado para restaurar o

valor padro de todos os campos de um formulrio:

Name nome do campo

Exemplo: <input type="text" name="nome">

Atributos usados na tag <input> (opcionais)

Size Define o tamanho da caixa em nmero de caracteres. Se ao

escrever o utilizador chegar ao final da caixa, o texto ir desdizando
medida que se escreve fazendo desaparecer a parte de texto que
fica esquerda.
Maxlength - Indica o tamanho mximo do texto que pode ser tomado
pelo formulrio
value - atribuir um valor ao campo
<select> Formulrio do tipo lista pendente
<option> Atributo usado na tag <option>
value - atribuir um valor ao campo
</option> Ex: Qual sua formao:
<select size="1" name="formacao">
</select>
<option value=enfermeiro>enfermeiro</option>

<option value=farmaceutico>farmacutico</option>

<option value=medico>mdico</option>

</select>

<textarea> Formulrio para introduo de texto longo

Atributos usados na tag <textarea> (obrigatrio)

</textarea> Name nome do campo

rows - Define o nmero de linhas do campo de texto.

cols -Define o nmero de colunas do campo de texto.

Exemplo: <textarea name="comentrio" rows="10" cols="40">

</textarea>

1- Abra o Bloco de notas.

2- Crie uma pgina com o ttulo ACTIVIDADE 8.
3- No corpo da pgina:
3.1 Formate o fundo da pgina com uma cor de fundo a gosto.

3.2 Insira um formulrio semelhante ao que se segue, obedecendo a algumas das

formataes:
Nome atribua o nome ao campo de nome, tamanho 50 e comprimento
mximo 50;
E-mail nome do campo mail, tamanho 70 e comprimento mximo 70;
Password- nome do campo senha, tamanho 7.
Obs nome do campo Obs n de linhas 10 e colunas 100

2
 Nacionalidade nome do campo nacionalidade, opes: Portugal, Jamaica e
Espanha.
Cidade nome do campo cidade, opes: Fies, Lourosa, S. Joo de Ver,
Argoncilhe, Feira e Mozelos.
Estado civil nome do campo Estcivil

Botes com o valor limpar e submeter

3.3 Grave o documento com o nome Actividade8.htm.