-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
112 lines (112 loc) · 3.48 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Survey form</title>
<link href="style.css" rel="stylesheet" />
</head>
<body>
<div class="container">
<header>
<h1 id="title">Useless Survey form</h1>
<p id="description">
Thank you for taking the time to fill this useless form
</p>
</header>
<form id="survey-form">
<div class="form-group">
<label for="name">Name</label>
<input
type="text"
id="name"
placeholder="Enter your name"
required
class="form-control"
/>
</div>
<div class="form-group">
<label for="email"
>Email
<input
type="email"
id="email"
placeholder="Enter your email"
required
class="form-control"
/>
</label>
</div>
<div class="form-group">
<label for="age">Age</label>
<input
type="number"
id="age"
required
placeholder="Enter your age"
class="form-control"
/>
</div>
<div class="form-group">
<p>Which option describes your current role?</p>
<select id="dropdown" class="form-control">
<option disabled selected value>Select current role</option>
<option value="student">Student</option>
<option value="job">full time job</option>
<option value="notsay">Prefer Not to say</option>
<option value="other">Other</option>
</select>
</div>
<div class="form-group">
<p>Would you recommend to fill this useless form to anyone?</p>
<label for="definately">
<input
type="radio"
id="definately"
value="definately"
name="recommend"
checked
/>
Definately
</label>
<label for="maybe">
<input type="radio" id="maybe" value="maybe" name="recommend" />
Maybe
</label>
<label><input type="radio" value="no" name="recommend" /> No</label>
</div>
<div class="form-group">
<p>Whats your favourite things to do?</p>
<select class="form-control">
<option disabled selected value>Choose one option</option>
<option value="sleeping">sleeping</option>
<option value="eating">Eating</option>
<option value="noting">Doing Nothing</option>
</select>
</div>
<div class="form-group">
<p>Who would you recommend to fill this useless form?</p>
<label>
<input type="checkbox" value="noone" name="who" checked /> No One
</label>
<label>
<input type="checkbox" value="useless" name="who" /> Useless Person
</label>
<label>
<input type="checkbox" value="notme" name="who" />Definately Not
myself
</label>
</div>
<div class="form-group">
<p>Any useless comment on this useless form?</p>
<textarea
class="input-textarea"
placeholder="Enter your comment"
></textarea>
</div>
<div class="form-group">
<button type="submit" class="submit-button">Submit</button>
</div>
</form>
</div>
</body>
</html>