<html>
<head>
<title> Formulário de Contato </title>
</head>
<body>
<img src="logo.jpg" alt="Logo do formulário" />
<h2>Fale Conosco</h2>
<h4>Contato</h4>
<form id="formulario" name="contato" method="post" onsubmit="return agradecer(contato);"
action="PaginaObrigado.html">
<fieldset>
<legend> Formulário </legend>
<p>
<label for="nome_usu">Nome: * </label>
<input type="text" name="nome" id="nome_usu" required />
</p>
<p>
Sexo:<br/>
<input type="radio" name="sexo" id="sexo_usu_M" value="M" />
Masculino <br/>
<input type="radio" name="sexo" id="sexo_usu_F" value="F" />
Feminino
</p>
<p>
Email: *
<input type="email" name="email" id="email_usu" required/>
</p>
<p>
Natureza da Ocupação
<select name="ocupacao" id="ocupacaoid">
<option>escolha</option>
<option value="industria">Indústria</option>
<option value="servico">Serviço Privado</option>
<option value="publico">Serviço Público</option>
<option value="outros">Outros</option>
</select>
</p>
<p>
Equipamento:
<input type="radio" name="equip" id="equipDesk" value="D" />Desktop
<input type="radio" name="equip" id="equipNote" value="N" />Notebook
<input type="radio" name="equip" id="equipOutros" value="O" />Outros
</p>
<p>
Mensagem:<br />
<textarea name="mensagem" id="mensagem_usu" cols="50" rows="7" ></textarea>
</p>
<p>
<input type="checkbox" name="resp" id="respid" value="S" checked=true />
Quero receber a resposta
</p>
<p>(*) Campos obrigatórios.</p>
<p><input type="submit" name="enviar" value="Enviar" />
<input type="reset" name="limpar" value="Limpar" /></p>
</fieldset>
</form>
<script type="text/javascript">
function agradecer(contato) {
if(contato.sexo.value == "M" || contato.sexo.value == "") {
alert("Prezado cliente " + contato.nome.value + ", obrigado pelo contato"); }
else {
alert("Prezada cliente " + contato.nome.value + ", obrigado pelo contato"); }
return true;
}
</script>
</body>
</html>
<html>
<head>
<title>Confirmação</title>
</head>
<body>
<h2>Sua mensagem será analisada</h2>
<hr />
<p>
<a href="contato.html">Retornar ao formulário</a>
</p>
</body>
</html>