-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
49 lines (49 loc) · 2.77 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Simple form</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1 class="heading">New Coder Survey</h1>
<form action="url" method="post" class="myform">
<div class="font">
<h2 class="heading">Personal details</h2>
<label class="text-input" for="name">Full Name:</label>
<input class="input" type="text" name="Name" id="name" placeholder="julien barbier" required>
<label class="text-input" for="mail">Email:</label>
<input class="input" type="email" name="Email" id="mail" placeholder="[email protected]" required>
<label class="text-input" for="birthday">Birthday:</label>
<input class="input" type="date" name="Birthday" id="birthday" min="2005-01-01" required>
<label class="text-input" for="country">Country:</label>
<select class="input" name="Country" name="Country" id="country" size="5">
<option value="Nigeria">Nigeria</option>
<option value="canada">canada</option>
<option value="united states">united states</option>
<option value="united kingdom">united kingdom</option>
<option value="Ghana">ghana</option>
</select>
<h2 class="heading">Survey Questions</h2>
<p class="stext-input"><strong>Are you already working as a software developer?</strong></p>
<input class="stext-input" type="radio" name="work" id="yes">
<label class="yesno" for="yes">Yes</label>
<input class="stext-input" type="radio" name="work" id="no">
<label class="yesno" for="no">No</label>
<p class="stext-input"><strong>Would you prefer to ...</strong></p>
<input class="stext-input" type="radio" name="preference" id="first-choice">
<label class="yesno" for="first-choice">work for a startup</label></br>
<input class="stext-input" type="radio" name="preference" id="second-choice">
<label class="yesno" for="second-choice">start your own business</label></br>
<input class="stext-input" type="radio" name="preference" id="third-preference">
<label class="yesno" for="third-preference">work for a multinational corporation</label></br>
<input class="stext-input" type="radio" name="preference" id="fourth-preference">
<label class="yesno" for="fourth-preference">freelance</label></br>
<input class="stext-input" type="radio" name="preference" id="fifth-preference">
<label class="yesno" for="fifth-preference">work for a medium-sized company</label></br>
<button class="submit" type="submit">Submit</button>
</div>
</form>
</body>
</html>