-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
97 lines (80 loc) · 3.36 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
<!DOCTYPE html>
<html>
<head>
<title>Register</title>
<link href="index.css" rel="stylesheet">
<link href="scripts/jBox-1.2.0/jBox.min.css" rel="stylesheet">
<link href="scripts/select2-4.0.13/css/select2.min.css" rel="stylesheet">
<link href="scripts/icheck-1.0.3/skins/blue.css" rel="stylesheet">
</head>
<body>
<form id="from" method="post">
<h1>Register</h1>
<p>
<label for="fname">Name</label><br>
<input class="input w-200" type="text" id="fname" name="fname" placeholder="First">
<input class="input w-200" type="text" id="lname" name="lname" placeholder="Last"><br>
<label id="fname-error"></label>
<label id="lname-error"></label>
</p>
<p>
<label for="username">Choose your Username</label><br>
<input class="input w-400" type="text" id="username" name="username" placeholder="Username"><br>
<label id="username-error"></label>
</p>
<p>
<label for="password">Create a Password</label><br>
<input class="input w-400" type="password" id="password" name="password" placeholder="***"><br>
<label id="password-error"></label>
</p>
<p>
<label for="c_password">Confirm your Password</label><br>
<input class="input w-400" type="password" id="c_password" name="c_password" placeholder="***"><br>
<label id="c_password-error"></label>
</p>
<p>
<label for="month">Birthday</label><br>
<select class="select2 w-150" id="month" name="month">
<option disabled selected value="">Month</option>
<option value="01">Jan</option>
<option value="02">Feb</option>
<option value="03">Mar</option>
<option value="04">Apr</option>
<option value="05">May</option>
<option value="06">Jun</option>
<option value="07">Jul</option>
<option value="08">Aug</option>
<option value="09">Sep</option>
<option value="10">Oct</option>
<option value="11">Nov</option>
<option value="12">Dec</option>
</select>
<input class="input w-150" type="number" id="day" name="day" placeholder="Day">
<input class="input w-150" type="number" id="year" name="year" placeholder="Year"><br>
<label id="month-error"></label>
<label id="day-error"></label>
<label id="year-error"></label>
</p>
<p>
<label for="gender">Gender</label><br>
<select class="select2" id="gender" name="gender">
<option disabled selected value="">I am ...</option>
<option value="01">Male</option>
<option value="02">Female</option>
</select><br>
<label id="gender-error"></label>
</p>
<p>
<input style="width: 20px; height: 20px" type="checkbox" id="agree" name="agree">
<label for="agree">I agree to the term of services ...</label><br>
</p>
<input class="input btn" disabled id="submit" type="submit" value="Register">
</form>
<script src="scripts/jquery-3.5.1.min.js"></script>
<script src="scripts/jquery-validation-1.19.2/jquery.validate.min.js"></script>
<script src="scripts/jBox-1.2.0/jBox.all.min.js"></script>
<script src="scripts/icheck-1.0.3/icheck.min.js"></script>
<script src="scripts/select2-4.0.13/js/select2.min.js"></script>
<script src="index.js"></script>
</body>
</html>