-
Notifications
You must be signed in to change notification settings - Fork 0
/
form1.html
146 lines (124 loc) · 4.19 KB
/
form1.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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE html>
<head>
<title>
Registeration Form
</title>
<style>
body{background-color: purple; color:yellow;}
.h11{color: yellow;
-webkit-text-stroke:1px purple; background-color: yellow; color:black;}
.div1{text-align: left; float: left;}
.div2{ text-align: center; float: right;}
.slider {
width: 50%;
height: 30%;
background-color: purple;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
text-align: center;
overflow: hidden;
float: right;
}
.image-container {
width: 50%;
background-color: purple;
height: 30%;
clear: both;
position: relative;
-webkit-transition: left 2s;
-moz-transition: left 2s;
-o-transition: left 2s;
transition: left 2s;
float: right;
}
</style>
</head>
<html>
<body>
<center><h1 class="h11">Cultural Group Registeration Form</h1></center><br><br>
<div class="div1" class="split left"><h3><form>
<b>First Name:</b>
<input type="text" name="fname"><br><br>
<b>Last Name:</b>
<input type="text" name="lname"><br><br><br>
<b>Gender:</b>
<input type="radio" name="gndr">Male
<input type="radio" name="gndr"><b>Female</b>
<input type="radio" name="gndr"><b>Other</b><br><br><br>
<b>Date Of Birth:</b> <input type="date" /><br><br><br>
<b>ID No:</b>
<input type="text" name="ID"><br><br>
<b>Email:</b><input type="email" name="mail"><br><br>
<br>
<b>Last School Attended:</b>
<input type="text" name="School"> </form><br><br>
<label><b>Home Province</b><br><i>(click to select your province)</i></label><br><br>
<select>
<option value = "select">select a province
</option>
<option value = "Jiwaka">Jiwaka Province
</option>
<option value = "Southern Highlands">Southern Highlands Province
</option>
<option value = "Enga">Enga Province
</option>
<option value = "Hela">Hela Province
</option>
<option value = "Western Highlands">Western Highlands Province
</option>
<option value = "Chimbu">Chimbu Province
</option>
<option value = "Eastern Highlands">Eastern Highlands Province
</option>
<option value = "Morobe">Morobe Province
</option>
<option value = "Madang">Madang Province
</option>
<option value = "West Sepik">West Sepik Province
</option>
<option value = "East Sepik">East Sepik Province
</option>
<option value = "Western">Western Province
</option>
<option value = "Gulf">Gulf Province
</option>
<option value = "Central">Central Province
</option>
<option value = "milne Bay">Milne Bay Province
</option>
<option value = "Oro">Oro Province
</option>
<option value = "Manus">Manus Province
</option>
<option value = "West New Britian">West New Britian Province
</option>
<option value = "East New Bririan">East New Britian Province
</option>
<option value = "New Ireland">New Ireland Province
</option>
<option value = "Autonomous Region Of Bougainville">Atonomous Region Of Bougaineville
</option>
</select><br>
<br><br>
<p><b>Please Wirte 1 or 2 reasons why you chose<br> DBTI and upload your secondary school ID</b><br><textarea cols="25" rows="3"></textarea><br>
<input type="file" id="myfile" name="myfile" /><br><br></p>
please confirm your personal information above and<br> click submit button below if not press reset <br>
<button type = "button" onclick =
"alert('OOPS! you just reseted. Register Again')"> Reset</button>
<button type = "button" onclick =
"alert('Thank You For Registering. and Welcome to your New cultural Group')"> Submit</button><br> <br><br>
<a href="index.html"> <button class="formbtn">Home Page</button></a>
</form></h3>
</div>
<div class="slider" class="div2">
<span id="slide-1"></span>
<span id="slide-2"></span>
<span id="slide-3"></span>
<div class="image-container">
<img src="4.jpg" class="slide" width="100%" height="100%" />
<img src="6.gif" class="slide" width="100%" height="30%" />
<img src="8.jpg" class="slide" width="100%" height="30%" />
</div>
</body>
</html>