16 Exercicios Praticos Html Js PROT 1

Exercícios Práticos de HTML e JavaScript
Exercício 1:
<html>
<head>
<title> Formulário Padrão HTML SEM JavaScript </title>
</head>
<body>
<FORM ACTION="mailto:[e-mail]" METHOD="POST" ENCTYPE="text/plain"
NAME="cadastro">
<p> Por favor, preencha os campos abaixo e depois clique no botão Enviar. Caso necessite apagar os dados, dê um clique no botão Limpar.<br> Muito Obrigado!
<br><br><br></p>
Nome Completo:

<INPUT TYPE="TEXT" NAME="nome" SIZE="35">

Seu e-mail:

<INPUT TYPE="TEXT" NAME="email" SIZE="35"> <br>

Sexo:<br>
<INPUT TYPE="RADIO" NAME="sexo" VALUE="f"> Feminino <br>
<INPUT TYPE="RADIO" NAME="sexo" VALUE="m"> Masculino <br><br>
Estado Civil:<br>
<INPUT TYPE="RADIO" NAME="civil" VALUE="s"> Solteiro <br>
<INPUT TYPE="RADIO" NAME="civil" VALUE="c"> Casado <br>
<INPUT TYPE="RADIO" NAME="civil" VALUE="e"> Enrolado <br><br>
Bens que possui:<br>
<INPUT TYPE="CHECKBOX" NAME="bens" VALUE="c"> Casa <br>
<INPUT TYPE="CHECKBOX" NAME="bens" VALUE="a"> Automovel <br>
<INPUT TYPE="CHECKBOX" NAME="bens" VALUE="m"> Moto <br><br>
Faixa de idade: <SELECT NAME="faixaidade">
<OPTION VALUE="3a10"> 3 a 10 anos
<OPTION VALUE="11a25"> 11 a 25 anos
<OPTION VALUE="26a35"> 26 a 35 anos
<OPTION VALUE="36a55"> 36 a 55 anos
<OPTION VALUE="56a90"> 56 a 90 anos
</SELECT>
Hobby preferido: <SELECT NAME="hobby">
<OPTION VALUE="livros"> Ler livros
<OPTION VALUE="musica"> Ouvir música
<OPTION VALUE="cinema"> Assistir filmes
<OPTION VALUE="esporte"> Praticar esportes
<OPTION VALUE="games"> Jogar games
</SELECT><br><br>
Observações Gerais:<br>
<TEXTAREA NAME="observacoes" ROWS="5" COLS="60"></TEXTAREA><br>
<INPUT TYPE="SUBMIT" VALUE="Enviar os dados">
<INPUT TYPE="RESET" VALUE="Limpar os dados">
</FORM>
</body>
</html>
Profa. Flávia Pereira de Carvalho

Exercício 2: Mesmo Exercício 1, mas acrescentar na tag head os seguintes comandos: janela para ler
<head>
<title> Formulário Padrão HTML COM JavaScript </title>
<script>
nome1=window.prompt("Qual seu nome?");
document.write("Olá,