@@ -13,12 +13,36 @@ <h1>Product Pick</h1>
1313 </ header >
1414 < main >
1515 < form >
16- <!-- write your html here-->
17- <!--
18- try writing out the requirements first as comments
19- this will also help you fill in your PR message later-->
20- </ form >
21- </ main >
16+ < div >
17+ < label for ="name "> Name</ label >
18+ < input type ="text " name ="name " id "Name" placeholder="name ">
19+ </ div >
20+ < div >
21+ < lable type ="text " for = "email "> email</ lable >
22+ < input type ="email " id ="email " pattern =".&@yahoo.co.uk " size ="30 " required />
23+ </ div >
24+ < p > Please select favourite colour:</ p >
25+ < input type ="radio " id ="red " name ="fav_color " value "red">
26+ < label for ="red "> Red</ label > < br >
27+ < input type ="radio " id ="blue " name ="fav_color " value "blue">
28+ < label for ="blue "> Blue</ label > < br >
29+ < input type ="radio " id ="green " name ="fav_color " value "green">
30+ < label for ="green "> Green</ label > < br >
31+ < div >
32+ < p > Please select your relevant size</ p >
33+ < label for ="clothing-size "> Choose a size:</ label >
34+ < select id ="clothing-size " name ="size ">
35+ < option value ="xs "> XS - Extra Small</ option >
36+ < option value ="s "> S - Small</ option >
37+ < option value ="m " selected > M - Medium</ option >
38+ < option value ="l "> L - Large</ option >
39+ < option value ="xl "> XL - Extra Large</ option >
40+ </ select >
41+ </ div >
42+ < button type ="reset "> Reset</ button >
43+ < button type ="submit "> Submit</ button >
44+ </ form >
45+ </ main >
2246 < footer >
2347 <!-- change to your name-->
2448 < p > By HOMEWORK SOLUTION</ p >
0 commit comments