-
Notifications
You must be signed in to change notification settings - Fork 0
/
Form.js
203 lines (198 loc) · 10.2 KB
/
Form.js
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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
<!DOCTYPE html><div class="bordered">
<!-- Borders starter -->
<ul>
<h2>
<a href="file:///C:/Users/INCLUDE%20A2/Documents/WEBDEVELOPLER.html"#home> home</a>
<a href="file:///C:/Users/INCLUDE%20A2/Documents/WEBDEVELOPLER.html"#settings> files</a>
<h1> Welcome to Training....s @ </h1>
<p> Join this program...</p>
<img src ="https://64.media.tumblr.com/e5ee23bb7298235572ef77ab7d8aab20/01db73850dbb2fe2-12/s500x750/ed9745fa508797b1231f5d57adb581690d462b9b.png" alt "Google_image" width ="200px height = "300px"/>
<!-- funnny image is here -->
<style>
html{
color:rgb(78, 39, 39);
background-color:rgba(76, 203, 241, 0.726);
}
</style>
<!-- background color and form borders -->
<style>
form{
border: 3px solid rgba(197, 33, 33, 0.618);
border-radius: 8px;
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
}
h1{
font-family:monospace
}
a{
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
</style>
<header class="site-header">
</ul>
<!-- links to a different pages called tabs -->
</div>
<div class="bordered">
<form action ="" method = "post">
<!-- How to begin a form with a action -->
<p1>Please fill in the required information below..</p1><br><br>
<label for = "email">Father-name: </label> <input></input>
<input type = "number" id = "Phone">
<!-- a place to input the information in for a the class -->
<br>
<!-- break line for the html code to seperate the two -->
<label for = "email">Mother-name: </label> <input></input>
<input type = "number" id = "Phone">
<br>
<label for = "email">HouseHold Salary: </label>
<!-- label the input when the user needs to do something different. -->
<input type = "Number" id = "Phone">
<br>
<label for = "email">Work salary: </label>
<input type = "Number" id = "Phone">
<br>
<label for = "firstname"> Uncle-name:</label>
<input type = "text" id = "firstname"><br/>
<label for = "Numbers"> Salary earn in month:</label>
<label for = "number"> :</label>
<input type = "text" id = "firstname"><br/>
<!-- input bar -->
<p> How many children do you have? </p>
<select>
<option value="Area"> 0</option>
<option value="Area"> 1</option>
<option value="Area"> 2</option>
<option value="Area"> 3</option>
<option value="Area"> 4</option>
<option value="Area"> 5</option>
<option value="Area"> 6</option>
</select>
<br>
<br>
<underline>
<!-- give every code a purpose to be in order or underlined -->
<label for = "Nationality">Area Code: </label>
<br>
<select>
<option value="Area"> 1960</option>
<option value="Area"> 1961</option>
<option value="Area"> 1962</option>
<option value="Area"> 1963</option>
<option value="Area"> 1964</option>
<option value="Area"> 1965</option>
</select>
<br>
<br>
<label for = "highest education">Highest Education: </label>
<br>
<select>
<option value="Zone"> Primary</option>
<option value="Zone"> Highschool</option>
<option value="Zone"> College</option>
<option value="Zone"> Academy</option>
<option value="Zone"> E-Training</option>
<option value="People"> Friends</option>
</select>
<p> Select the town you are from:</p>
<input type = "radio" name = "nation" value = "City"> Randfontein <input type = "radio" name = "nation" value = "" "City"> Greenhills
<input type = "radio" name = "nation" value = "City"> Toekomsrus
<!-- different input to the other one that is called radio. -->
<input type = "radio" name = "nation" value = "City"> Mohlakeng
<input type = "radio" name = "nation" value = "City"> Western Area
</underline>
<!-- closes the underline code. -->
<input type = "radio" name = "nation" value = "City"> Homestead
<input type = "radio" name = "nation" value = "City"> Sunnyside Road
<input type = "radio" name = "nation" value = "City"> Main Reef Road
<input type = "radio" name = "nation" value = "City"> Diamond Street
<input type = "radio" name = "nation" value = "City"> Aries Street
<br><br>
<label for = "email">Email: </label>
<!-- still label it -->
<input type = "email" id = "email">
<br>
<label for = "phone">Phone: </label>
<input type = "phone" id = "Phone">
<br>
<br><p> Relationship Status:</p>
<input type = "radio" name = "birth" value = "male"> Male
<!-- still the same input for the user to do but called radio -->
<input type = "radio" name = "birth" value = "female"> Female
<input type = "radio" name = "birth" value = "other"> Other
<br>
<input type = "radio" name = "single" value = "single"> Single
<input type = "radio" name = "single" value = "single"> Married
<input type = "radio" name = "single" value = "single"> Divorced
<br>
<br>
<button Onclick = ""/>
<!-- refreshes the users page to the top of it hence Send -->
</p>
</form>
<!-- closes the form created -->
<form>
<p> Provide the follow documents and please tick to confirm that they are here:</p>
<input type="checkbox" id="certificate1" name="certificate" value="cerfiticate">
<!-- Checkbox to tick for teh users in the class -->
<label for="cetificate"> I have a cetificate.</label>
<br>
<input type="checkbox" id="vlearner" name="learner2" value="Car">
<label for="learner2"> I have a learners.</label>
<br>
<!-- breakline -->
<input type="checkbox" id="cetificate3" name="certificate3" value="certificate">
<label for="cetificate3">
I have a birth cetificate.
<br>
<input type="checkbox" id="3" name=note3"vehicle3" value="I have notes3">
<label for="notes3"> I have a notes.
<br>
<input type="checkbox" id="education3" name="education3" value="strong">
<label for="strong">
I have a strong education.
<br>
<input type="checkbox" id="account" name="education3" value="account">
<label for="education3">
I have a bank account.
<br>
<input type="checkbox" id="account" name="education3" value="account">
<label for="account3">
I have a car.
<br>
<input type="checkbox" id="account" name="education3" value="degree">
<label for="degree">
I have a Bacholars Degree.
<br>
<!-- Break line still -->
<input type="checkbox" id="account" name="education3" value="laptop">
<label for="laptop">
I have a Laptop.
<br>
<input type="checkbox" id="account" name="education3" value="phone">
<label for="phone">
I have a Phone Number.
<br>
<input type="checkbox" id="account" name="education3" value="mask">
<label for="mask">
I have a Mask.
<br>
<input type="checkbox" id="account" name="education3" value="mind">
<label for="mind">
I have a reasonable project in mind.
<br>
<input type = "submit" value = "Pass">
<p> Please upload a file for a quick transfer (if prefered)</p>
<input type ="file">
</form>
<!-- closes the whole form. -->
<br>
<br>
<br>
<center>
<p> Please comment and support the release!</p>
<textarea maxlength="7"rows="9" cols="40">Enter you thoughts to improvements</textarea>
</center>
</form>
<!-- Closes the whole form. -->
</html>
<!-- Closes the whole html. -->