Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
<!DOCTYPE html>
<html lang="t-br">
<head>
<meta charset="uf-8" />
<title>Pesquisa de opinião</title>
<link rel="shortcut icon" href="capa.jpg" type="image/x-jpg"/>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.is"></script>
<![endif]-->
<style>
*{font-family:Arial}
body{background-color:#eaeaea;}
div{width:600px; margin:0px auto; background-color:#ffffff; padding:20px;}
h1{margin-top:0px; text-align:center;}
legend{font-size:12px; color:#999999;}
label{width:120px; float:left; line-height:33px; clear:left;}
input [type="text"] {width:412px; padding:5px; margin:2px; border:1px solid #999999; border-radius:4px; float:left;}
input [type="email"] {width:412px; padding:5px; margin:2px; border:1px solid #999999; border-radius:4px; float:left;}
input [type="number"] {width:412px; padding:5px; margin:2px; border:1px solid #999999; border-radius:4px; float:left;}
select{width:412px; padding:5px; margin:2px; border:1px solid #999999; border-radius:4px; float:left;}
</style>
</head>
<body>
<body background="fundo.jpg"/>
<div>
<header>
<h1>Pesquisa de Opinião Cinemax</h1>
</header>
<section>
<form action="#">
<fieldset>
<legend>DADOS PESSOAIS</legend>
<label for="txtName"> Nome: </label>
<input type="text" id="txtNome" /><br /> <style="width:412px"/>
<br />
<label for="optSexo">Sexo:</label>
<select id="optSexo">
<option>Selecionar...</option>
<br />
<option>Feminino</option>
<br />
<option>Masculino</option>
</select><br />
<br />
<label for="txtEmail">Email:</label>
<input type="email" id="txtEmail" /><br />
<br />
<label for="txtFone">Telefone:</label>
<input type="text" id="txtFone" /><br />
<br />
</fieldset>
<fieldset>
<legend>OPINIÃO SOBRE ATENDIMENTO E INSTALAÇÕES</legend>
<br />
Nos avalie dando notas de 0 a 10. <br />
<br />
<label for="number">Salas:</label>
<input type="number" id="txtNotaSalas" min="0" max="10"> <br />
<br />
<label for="number">Programação:</label>
<input type="number" id="txtNotaProg" min="0" max="10"> <br />
<br />
<label for="number">Atendimento:</label>
<input type="number" id="txtNotaAtend" min="0" max="10"> <br />
<br />
<label for="number">Conveniência:</label>
<input type="number" id="txtNotaConv" min="0" max="10"> <br />
</fieldset>
<fieldset>
<legend>CONSIDERAÇÕES FINAIS</legend><br />
<br />
Deixe aqui a sua mensagem para nós.<br />
<textarea rows="7" cols="50"></textarea><br />
<input type="checkbox" id="ckbAceitar" checked /> Aceito Receber Ofertas e Novidades da Rede Cinemax. <br />
<input type="checkbox" id="ckbAceitar" checked /> Aceito Receber Ofertas e Novidades dos Parceiros Cinemax. <br />
</fieldset>
<input type="submit" value="ENVIAR" />
<input type="reset" value="RESETAR" />
</form>
</section>
</div>
</body>
</html>Carregando comentários...