-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinfo.html
68 lines (63 loc) · 3.2 KB
/
info.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Atif Ali</title>
<link rel="stylesheet" href="normalize.css" type="text/css" media="screen">
<script src="info.js" type="text/javascript"></script>
</head>
<body>
<header>
<img src="logo.png">
<h1>Atif Ali - Final Assessment Solution</h1>
</header>
<div class="row">
<div class="navigation-panel">
<a href="honesty.html">Welcome page</a><br>
<a href="info.html">User info page</a><br>
<a href="reflection.html">Reflection page</a>
</div>
<div class="body-panel">
<form action="https://httpbin.org/post" name="signup" onsubmit="return validateForm()" method="post">
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname" required><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname" required><br><br>
<label for="password1">Password:</label>
<input type="password" id="password1" name="password1" required><br><br>
<label for="password2">Confirm Password:</label>
<input type="password" id="password2" name="password2" required><br><br>
<label for="username">Username:</label>
<input type="text" id="username" name="username" required><br><br>
<label for="education">Education Level:</label>
<select name="education" id="education" required>
<option value="0">- select -</option>
<option value="1">Technical Diploma</option>
<option value="2">College Diploma</option>
<option value="3">Bachelor's Degree</option>
<option value="4">Master's Degree</option>
<option value="5">Others</option>
</select><br><br>
Education status: <br>
<input type="radio" id="graduated" name="graduated" value="graduated">
<label for="graduated">Graduated</label><br>
<input type="radio" id="enrolled" name="enrolled" value="enrolled">
<label for="enrolled">Current enrolled</label><br>
<input type="radio" id="not-graduated" name="not-graduated" value="not-graduated">
<label for="not-graduated">Did not graduate</label><br><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required><br><br>
<label for="age">Age:</label>
<input type="number" id="age" name="age" required><br><br>
<input type="hidden" name="lastName" id="lastName" value="Ali" />
<input type="hidden" name="studentId" id="studentId" value="116743196" />
<input type="submit" value="Submit">
</form>
</div>
<div class="side-panel">
</div>
</div>
<footer><a href="https://github.com/aali309/Final_Assessment">Public Github link</a></footer>
</body>
</html>