-
Notifications
You must be signed in to change notification settings - Fork 0
/
form-activity.html
253 lines (206 loc) · 7.46 KB
/
form-activity.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
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
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Form</title>
</head>
<body>
<!-- =============== Exercise 1 =================== -->
<!-- After writing your name in input field press Enter -->
<!--
<input type="text" name="name">
-->
<!---we just write and see our name.. no operatio is perform-->
<!-- =============== Exercise 2 =================== -->
<!-- After writing your name in input field press Enter,
check URL, is it updated ? -->
<!--
<form>
<input type="text" name="name">
</form>
-->
<!--when we enter our name, the querry parameter changes with name=aazka (or whatever we enter in the
input box-->
<!-- =============== Exercise 3 =================== -->
<!-- After writing your name in input field press Submit button,
is clicking submit different than pressing enter ? -->
<!--
<form>
<input type="text" name="name">
<input type="submit">
</form>
-->
<!--there is no different between them-->
<!-- =============== Exercise 4 =================== -->
<!-- After writing your name and registration number in input fields,
press Submit button, is the URL is same now ? -->
<!--
<form action="/my-handling-form-page">
<input type="text" name="name">
<input type="text" name="reg">
<input type="submit">
</form>-->
<!--in this command the name and registration will go to the website's (database) which we written in
action keyword and the urls chanes in to my-handling-form-page(that is written in action)-->
<!-- =============== Exercise 5 =================== -->
<!-- After writing some text in input field,
press Submit button, what happens? -->
<!--
<form action="http://www.google.com/search">
<input type="text" name="q">
<input type="submit">
</form>-->
<!--thats the best part....
when i enter in the input box the name which is search google will search it.
actully the request send to google server to search that name-->
<!-- =============== Exercise 6 =================== -->
<!-- After writing "top web language" in input field,
press Submit button, what is the value of q parameter in URL ? -->
<!--
<form action="http://www.google.com/search">
<input type="text" name="q">
<input type="submit">
</form>
-->
<!--the querry parameter will be top+web+language-->
<!-- =============== Exercise 7 =================== -->
<!-- After writing "Imran Khan!" in input field,
press Submit button, what is the value of q parameter in URL ? -->
<!--
<form action="http://www.google.com/search">
<input type="text" name="q">
<input type="submit">
</form>
-->
<!--the querry paramter q in urls will be q=Imran+Khan-->
<!-- =============== Exercise 8 =================== -->
<!-- After writing your cell phone brand in input field,
press Submit button, what is the URL and Query parameters now ?
Is there any error ? If yes, whats the error CODE ?
Where did the "q" parameter go ?
(Please check in "google chrome developers tool"
under "Network" tab )-->
<!--
<form action="/form-handler" method="post">
<input type="text" name="q">
<input type="submit">
</form>-->
<!--code error is "404 error not found" and q paramter gone because of this perticular error-->
<!-- =============== Exercise 9 =================== -->
<!-- After writing some text in input field,
press Submit button, what is the value of q parameter in URL ? -->
<!--
<form action="/my-handling-form-page" method="get">
<input type="password" name="q">
<input type="submit">
</form>
-->
<!--the value of q will be our password-->
<!-- =============== Exercise 10 =================== -->
<!-- After selecting and un-selecting checkbox,
press Submit button, what is the value of "g" parameter in URL
in both cases ? -->
<!--
<form action="/my-handling-form-page" method="get">
<input type="checkbox" name="g">
<input type="submit">
</form>
-->
<!--g parameter in case of selecting checkbox the value of g will be on and in case of unselect
the value of g will be disappare nothing display after '?'-->
<!-- =============== Exercise 11 =================== -->
<!-- After selecting first 2 checkboxes,
press Submit button, what does query section of URL look like ?
-->
<!--
<form action="/my-handling-form-page" method="get">
<input type="checkbox" name="g">
<input type="checkbox" name="h">
<input type="checkbox" name="q">
<br>
<input type="submit">
</form>-->
<!--after selecting first 2 checkboxs the querry selection becomes g=on and h=on
thats indicate that 2 chechsbox is selected-->
<!-- =============== Exercise 12 =================== -->
<!-- After selecting all radio buttons,
press Submit button, what does query section of URL look like ?
-->
<!--
<form action="/my-handling-form-page" method="get">
<input type="radio" name="g">
<input type="radio" name="h">
<input type="radio" name="q">
<br>
<input type="submit">
</form>
-->
<!--its seem that all g h and q's value is on like g=on,h=on,q=on-->
<!-- =============== Exercise 13 =================== -->
<!-- After selecting 2nd radio buttons,
press Submit button, what is the value of "q" parameter in URL ?
-->
<!--
<form action="/my-handling-form-page" method="get">
<input type="radio" name="q" value="one">
<input type="radio" name="q" value="two">
<input type="radio" name="q" value="three">
<br>
<input type="submit">
</form>-->
<!--after selecting 2nd radio button the value of q is Two-->
<!-- =============== Exercise 14 =================== -->
<!-- After selecting 3nd radio button,
press Submit button, what is the value of "q" parameter in URL ?
-->
<!--
<form action="/my-handling-form-page" method="get">
<label> One
<input type="radio" name="q" value="one">
</label>
<label> Two
<input type="radio" name="q" value="two">
</label>
<label> Three
<input type="radio" name="q" value="three">
</label>
<br><br>
<input type="submit">
</form>-->
<!--the value of 3rd radio button becomes three-->
<!-- =============== Exercise 15 =================== -->
<!-- After selecting "two" from the drop-down,
press Submit button, what is the value of "q" parameter in URL ?
-->
<!--
<form action="/my-handling-form-page" method="get">
<select name="q">
<option>one</option>
<option>two</option>
<option>three</option>
</select>
<br><br>
<input type="submit">
</form>
-->
<!--the value of q in urls will be Two-->
<!-- =============== Exercise 16 =================== -->
<!-- After selecting "the number one" from the drop-down,
press Submit button, what is the value of "q" parameter in URL ?
After selecting "the last three" from the drop-down,
press Submit button, what is the value of "q" parameter in URL ?
-->
<!--
<form action="/my-handling-form-page" method="get">
<select name="q">
<option value="1">the number one</option>
<option value="2">the middle two</option>
<option>the last three</option>
</select>
<br><br>
<input type="submit">
</form>-->
<!--after selecting "the number one" the value of q becomes 1
and after selecting "the last three the value of q will be q=the+last+three"-->
</body>
</html>