-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (122 loc) · 5.22 KB
/
index.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
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="pt-br" >
<head>
<meta charset="UTF-8">
<title>formulário de pesquisa do Battlefield</title>
<link rel="stylesheet" href="./style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
</head>
<!-- començo do cabeçalhor -->
<body>
<h1 id="title">Formulário de pesquisa do Battlefield</h1>
<div id="form-outer">
<p id="description">só os guerreiros saberão responder</p>
<!-- Fim do cabeçalhor -->
<!-- Formulario de Nome, Email e Idade-->
<form id="survey-form">
<div class="rowTab">
<div class="labels">
<label id="name-label" for="name">* Nome: </label>
</div>
<div class="rightTab">
<input autofocus type="text" name="name" id="name" class="input-field" placeholder="seu nome" required>
</div>
</div>
<div class="rowTab">
<div class="labels">
<label id="email-label" for="email">* Email: </label>
</div>
<div class="rightTab">
<input type="email" name="email" id="email" class="input-field" placeholder="seu Email" required>
</div>
</div>
<div class="rowTab">
<div class="labels">
<label id="number-label" for="age">* Idade: </label>
</div>
<div class="rightTab">
<input type="number" name="age" id="number" min="10" max="99" class="input-field" placeholder="idade" required>
</div>
</div>
<!-- Formulario de Nome, Email e Idade-->
<!-- Qual é seu personagem favorito?-->
<div class="rowTab">
<div class="labels">
<label for="favRole"> Qual é sua classe favorita?</label>
</div>
<div class="rightTab">
<select id="dropdown" name="currentPos" class="dropdown">
<option disabled value>Selecione uma opção</option>
<option value="Assault">Assault</option>
<option value="Medic">Medic</option>
<option value="Support">Support</option>
<option value="Recon">Recon</option>
<option value="brasil"> confia no pai😎</option>
</select>
</div>
</div>
<!--Qual é seu personagem favorito?-->
<!--recomendar Battlefield a seus amigo-->
<div class="rowTab">
<div class="labels">
<label for="userRating">* Qual é a probabilidade de você recomendar Battlefield a seus amigos?</label>
</div>
<div class="rightTab">
<ul>
<li class="radio"><label>Com certeza<input name="radio-buttons" value="1" type="radio" class="userRatings" required></label></li>
<li class="radio"><label>Talvez<input name="radio-buttons" value="2" type="radio" class="userRatings"></label></li>
<li class="radio"><label>Call Of Duty é melhor<input name="radio-buttons" value="3" type="radio" class="userRatings"></label></li>
</ul>
</div>
</div>
<!--recomendar Battlefield a seus amigo-->
<!--tivesse mais em Battlefield-->
<div class="rowTab">
<div class="labels">
<label for="most-like">* O que você mais gostaria que tivesse em Batllefiel:</label>
</div>
<div class="rightTab">
<select id="most-like" name="mostLike" class="dropdown" required>
<option disable selected value> selecione a opçâo</option>
<option value="servidores">compatibilidade entre os servidores</option>
<option value="futurista">Game mais futurista</option>
<option value="armas"> novas armas </option>
<option value="veículos">novos veículos </option>
<option value="campeonato">Campeonato</option>
</select>
</div>
</div>
<!--tivesse mais em Battlefield-->
<!--quais são os melhores Battlefield em sua opinião-->
<div class="rowTab">
<div class="labels">
<label for="preferences">* quais os melhores Battlefiel em sua opinião </label>
</div>
<div class="rightTab">
<ul id="preferences">
<li class="checkbox"><label><input name="prefer" value="1" type="checkbox" class="userRatings">Battlefield 1</label></li>
<li class="checkbox"><label><input name="prefer" value="2" type="checkbox" class="userRatings">Battlefield 3</label></li>
<li class="checkbox"><label><input name="prefer" value="3" type="checkbox" class="userRatings">Battlefield 4</label></li>
<li class="checkbox"><label><input name="prefer" value="4" type="checkbox" class="userRatings">Battlefield V</label></li>
<li class="checkbox"><label><input name="prefer" value="5" type="checkbox" class="userRatings">Battlefield Bad Company 2</label></li>
<li class="checkbox"><label><input name="prefer" value="6" type="checkbox" class="userRatings">Battlefield 1942</label></li>
</ul>
</div>
</div>
<!--tivesse mais em Battlefield-->
<!--Comentários-->
<div class="rowTab">
<div class="labels">
<label for="comments">Comentários:</label>
</div>
<div class="rightTab">
<textarea id="comments" class="input-field input-comment" name="comment" placeholder="comentário aqui..." maxlength="160"></textarea>
</div>
</div>
<button id="btn" type="submit">Enviar</button>
</form>
</div>
<!--Comentários-->
</body>
</html>