@@ -13,15 +13,44 @@ <h1>Product Pick</h1>
13
13
</ header >
14
14
< main >
15
15
< form >
16
+ < fieldset >
17
+ < legend > Personal Information</ legend >
18
+ < label for ="name "> Name: </ label >
19
+ < input type ="text " id ="name " name ="name " placeholder ="name " pattern ="^[A-Za-z ,.'-]{2,}$ " required > < br > < br >
20
+ < label for ="Email "> Email</ label >
21
+ < input type ="email " id ="email " name ="email " placeholder ="Email " required >
22
+ </ fieldset >
23
+ < fieldset >
24
+ < legend > t-shirt Details</ legend >
25
+ < label for ="colour "> Choose a size:</ label >
26
+ < select name ="Size " id ="Size " required >
27
+ < option value =""> select size:</ option >
28
+ < option value ="XS "> XS</ option >
29
+ < option value ="XS "> S</ option >
30
+ < option value ="XS "> M</ option >
31
+ < option value ="XS "> L</ option >
32
+ < option value ="XS "> Xl</ option >
33
+ < option value ="XS "> XXL</ option >
34
+ </ select > < br > < br >
35
+ < label for ="colour "> Choose a colour:</ label >
36
+ < select name ="colour " id ="colour " required >
37
+ < option value =""> select colour: </ option >
38
+ < option value ="white "> white</ option >
39
+ < option value ="black "> black</ option >
40
+ < option value ="red "> red</ option >
41
+ </ select >
42
+ </ fieldset >
16
43
<!-- write your html here-->
17
44
<!--
18
45
try writing out the requirements first as comments
19
46
this will also help you fill in your PR message later-->
47
+ < button type ="submit "> Place Order</ button >
20
48
</ form >
49
+
21
50
</ main >
22
51
< footer >
23
52
<!-- change to your name-->
24
- < h2 > By HOMEWORK SOLUTION </ h2 >
53
+ < h2 > LONDON| MAY-2025 |SHIRIN PANAHIAN|FORM-CONTROL </ h2 >
25
54
</ footer >
26
55
</ body >
27
56
</ html >
0 commit comments