/
week7-e-p2.html
118 lines (91 loc) · 2.98 KB
/
week7-e-p2.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Week 7 ePortfolio part 2</title>
<style type="text/css">
h3{text-align: center;}
table{margin: auto;}
td{padding: 5px;}
tr>td:nth-child(2){display: flex;}
.first{width: 400px;}
input[type^="text"],
input[type^="email"],
input[type^="date"],
input[type^="time"],
input[type^="number"]{flex-grow: 1;}
</style>
</head>
<body>
<h3>Registration for Covid-19 Volunteer - ® C19-Team</h3>
<form method="" action="">
<!-- <table border="1" cellpadding="10" width="430"> -->
<table>
<tr>
<div><td class= first><b>Fullname</b></td></div>
<div><td><input type="text" name="Fullname" pattern=".{1,30}"></td></div>
</tr>
<tr>
<div><td><b>Email</b></td></div>
<div><td><input type="email"></td></div>
</tr>
<tr>
<div><td><b>Date you can start</b></td></div>
<div><td><input type="date" name=""></td></div>
</tr>
<tr>
<div><td><b>Morning shift preference</b></td></div>
<div><td><input type="time" name=""></td></div>
</tr>
<tr>
<div><td><b>Evening shift perference</b></td></div>
<div><td><input type="time" name=""></td></div>
</tr>
<tr>
<div><td><b>How many hours you can work? In multiple of 3</b></td></div>
<div><td><input type="number" min="3" max="9"></td></div>
</tr>
<tr>
<div><td><b>Distance you willing to commute to volunteer center?</b></td></div>
<div><td>1<input type="range" min="1" max="15" value="3">15</td></div>
</tr>
<tr>
<div><td><b>You currency perference for payment?</b></td></div>
<div><td><input type="radio" name="currency" id="£"><label for="£"><b>£</b></label>
<input type="radio" name="currency" id="¥"><label for="¥"><b>¥</b></label>
<input type="radio" name="currency" id="€"><label for="€"><b>€</b></label>
</td></div>
</tr>
<tr>
<td colspan="2" rowspan="1" align="center">
<textarea rows="6" cols="40" placeholder="Type in your address"></textarea>
</td>
</tr>
<tr>
<td colspan="2" align="center"><b><strike>You will be given daily meals</strike></b></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="checkbox" checked disabled>
<b>I agree to all terms and conditions</b></td>
</tr>
<tr>
<td colspan="2" align="center"><b>Prove you are not robot</b></td>
</tr>
<tr>
<td colspan="2" align="center"><b>Prove you are not robot: 10<20?</b> <input type="checkbox"></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" value="Volunteer now!"></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="reset" name="start over" value="Start over"></td>
</tr>
<tr>
<td colspan="2" align="center"><b>For more informaton, visit MOH <a href="https://www.moh.gov.bn/Pages/Home.aspx" target="_blank">website</a></b></td>
</tr>
</table>
</form>
</body>
</html>