-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathformulario.html
124 lines (106 loc) · 7.27 KB
/
formulario.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FORMULÁRIO | Samuel Pereira Brandao</title>
<link rel="stylesheet" href="_css/estilo-samuel.css">
<script src="_javascript/javascript-pag.js"></script>
</head>
<body background="_backgrounds/fundo1.jpg" >
<nav class='menu'>
<h1>Menu Principal</h1>
<ul type="circle" >
<li onmouseover="modificar2(1)" onmouseout="sair2()"><a href="inicio.html" >Home</a> </li>
<li onmouseover="modificar2(2)" onmouseout="sair2()"><a href="sobre-mim.html">Sobre mim</a> </li>
<li onmouseover="modificar2(3)" onmouseout="sair2()"><a href="specs.html">Linguagens</a> </li>
<li onmouseover="modificar2(4)" onmouseout="sair2()"><a href="midia.html">Mídia</a> </li>
<li onmouseover="modificar2(6)" onmouseout="sair2()"><a href="formulario.html">Formulário</a> </li>
<li onmouseover="modificar2(5)" onmouseout="sair2()"><a href="contato.html">Contato</a> </li>
</ul>
</nav>
</hgroup>
<div>
<div id='interface'>
<header id='cabecalho2'>
<h3><a href="inicio.html"> > Home</a> <a href="formulario.html">> Formulário</a></h3>
<section>
</figure>
<figure class='textomotiva1'>
<figcaption>
<body onload="comecarhorario()">
<div id="txt1">
</div>
</body>
</figcaption>
</figure>
<div>
</hgroup>
<article id="texto-principal">
<div>
<h1 class="fundotexto1">FORMULÁRIO!</h1>
</div>
</header>
<div class="fundoroxo1">
<form id="formula1" method="post" action="mailto:samuelpbrandao58@gmail.com">
<fieldset id="usuario">
<legend>Indentificação do Usuário</legend>
<p><label for="cnome">Nome:</label> <input type="text" name="tnome" id="cnome" size="20" maxlength="20" placeholder="Primeiro nome"> </p>
<p><label for="csobrenome">Sobrenome:</label> <input type="text" name="tsobrenome" id="csobrenome" size="50" maxlength="50" placeholder="Sobrenomes do usuário"> </p>
<p><label for="cnasc">Data de nascimento:</label> <input type="date" name="tnasc" id="cnasc"></p>
<fieldset id="sexo">
<legend>Sexo:</legend>
<input type="radio" name="tsexo" id="cmasc"> <label for="cmasc">- Masculino</label> <br>
<input type="radio" name="tsexo" id="cfem"> <label for="cfem">- Feminino</label> <br>
<input type="radio" name="tsexo" id="cnum" checked> <label for="cnum">- Prefiro não responder</label>
</fieldset>
<p><label for="csenha">Senha:</label> <input type="password" name="tsenha" size="20" id="csenha" maxlength="10" placeholder="Senha login | 10 dígitos"></p>
<p><label for="cmail">Email:</label> <input type="email" name="tmail" id="cmail" size="50" maxlength="70" placeholder="Email de login"></p>
</fieldset>
<fieldset id="endereco">
<legend>Endereço do Usuário</legend>
<p><label for="crua">Rua:</label> <input type="text" name="trua" id="crua" size="50" maxlength="100" placeholder="Rua, Avenida, Travessa e etc..."></p>
<p><label for="cnumm">Número:</label> <input type="number" name="tnumm" id="cnumm" placeholder="N° Casa" min="0" max="99999"></p>
<p><label for="cest">Estado:</label>
<select name="teest" id="cest">
<option value="num">Escolha um estado</option>
<option value="SP">Sao paulo</option></p>
<option value="RJ">Rio de Janeiro</option>
</select>
<p><label for="ccid">Cidade:</label>
<input type="text" name="tCid" id="ccid" maxlength="35" placeholder="Digite sua cidade" list="Cidades">
<datalist id="Cidades">
<option value="São Paulo"></option>
<option value="São Bernado do campo"></option>
<option value="Ribeirão Preto"></option>
<option value="Jundiaí"></option>
<option value="São caetano do sul"></option>
<option value="São Jóse dos campos"></option>
<option value="Diadema"></option>
<option value="Rio de Janeiro"></option>
<option value="São Gonçalo"></option>
<option value="Duque de caxias"></option>
<option value="Nova iguaçu"></option>
<option value="São joão de meriti"></option>
<option value="Belford Roxo"></option>
</datalist>
</select>
</p>
</fieldset>
<fieldset>
<legend id="mensagem">Mensagem do Usuário</legend>
<p><label for="cmsg">Mensagem:</label> </p>
<textarea name="tmsg" id="cmsg" cols="90" rows="15" placeholder="Deixe sua mensagem"></textarea>
<fieldset id="cenviar">
<input type="submit" value="Enviar">
</fieldset>
</div>
</form>
<div id='interface1'>
<footer id="rodape">
<p2>Copyrigth © 2021 - by Samuel Pereira Brandão<br> <br>
<a href="https://www.linkedin.com/in/samuel-pereira-brand%C3%A3o/" target="_blank"> Linkedin </a> | <a href="https://github.com/SamuelPereiraBrandao" target="_blank"> Github</a> |<a href="https://www.instagram.com/samuelpereirabrandaon" target='_blank'> Instagram</a>
</div>
</body>
</html>