/
week4-e-p1.html
68 lines (61 loc) · 2.43 KB
/
week4-e-p1.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Week 4 eportfolio part 1</title>
</head>
<body>
<!-- set form action to https://lms.pb.edu.bn/qwerty/displaypost.php
hint: this form accepts file! so configure the form correctly-->
<form action="https://lms.pb.edu.bn/qwerty/displaypost.php" method="post" enctype="multipart/form-data" >
<h3>Select the village</h3>
<input list="village" name="village" id="villages">
<datalist id="village">
<option value="Berakas A"></option>
<option value="Lambak"></option>
<option value="labu Estate"></option>
<option value="Birau"></option>
<option value="Luagan Duduk"></option>
<option value="Kuala Belait"></option>
<option value="Lamunin"></option>
<option value="Subok"></option>
<option value="Pengkalan Batu"></option>
<option value="Selangan"></option>
</datalist>
<!-- use datalist element for the list of villages
Berakas A
Lambak
Labu Estate
Birau
Luagan Duduk
Kuala Belait
Lamunin
Subok
Pengkalan Batu
Selangan
-->
<!--
write correct patterns to achieve the requirement as stated in the <h3> elements
DO NOT CHANGE THE values of the NAME attributes in each element!!!
-->
<h3>Enter A WORD at least 6 characters. The word must not contain lowercase or uppercase t, h, s </h3>
<!-- <input type="text" pattern="[a-g A-G i-r I-R u-z U-Z]{6,}" name="word"><br> -->
<input type="text" pattern="[^(t|T|h|H|s|S)]{6,}" name="word"><br>
<h3>Replace the min, max and step attributes to equivalent pattern. change type to text</h3>
<input type="text" name="numbers" pattern="(3|6|9|12)"><br>
<h3>Upload your latest picture for class listing!</h3>
<input type="file" name="selfie"><br>
<h3>Try the \W pattern! write your finding in self reflection</h3>
<input type="text" pattern="\W{3,}" name="W-sample"><br>
<h3>Try the \D pattern! write your finding in self reflection</h3>
<input type="text" pattern="\D{3,}" name="D-sample"><br>
<!-- WRITE THE REQUIRED PATTERN -->
<h3>Last but not least.. Enter a sentence, mininum 10 characters and maximum 30 characters. Allow: numbers, alphabet lowercase & uppercase, spaces and question mark</h3>
<input type="text" pattern=".{10,30}" name="wsdot-sample" size="30"><br>
<!-- so what's hidden? write your finding in reflection -->
<input type="hidden" value="bwep2022">
<p><input type="submit"></p>
</form>
</body>
</html>