/
week4-e-p1.html
55 lines (49 loc) · 2.1 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
<!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="villages" name="village" id="village"><br>
<datalist id="villages">
<option value="Berakas A">
<option value="Lambak">
<option value="Labu Estate">
<option value="Birau">
<option value="Luagan Duduk">
<option value="Kuala Belait">
<option value="Lamunin">
<option value="Subok">
<option value="Pengkalan Batu">
<option value="Selangan">
</datalist>
</input>
<!--
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-GI-RU-Za-gi-ru-z]{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>