33 < head >
44 < meta charset ="utf-8 " />
55 < meta http-equiv ="X-UA-Compatible " content ="IE=edge " />
6- < title > My form exercise </ title >
6+ < title > Glasgow style product form </ title >
77 < meta name ="description " content ="" />
88 < meta name ="viewport " content ="width=device-width, initial-scale=1 " />
99 </ head >
@@ -17,11 +17,40 @@ <h1>Product Pick</h1>
1717 <!--
1818 try writing out the requirements first as comments
1919 this will also help you fill in your PR message later-->
20+ < div >
21+ < label for ="Name "> Customer name:</ label >
22+ < input type ="text " id ="Name " name ="Name " required placeholder ="John Smith ">
23+ </ div >
24+ < br >
25+ < div >
26+ < label for ="Email "> Costumer email:</ label >
27+ < input type ="email " id ="Email " name ="Email " required placeholder ="example123@gmail.com ">
28+ </ div >
29+ < br >
30+ < div >
31+ < label for ="Color "> T-shirt color:</ label >
32+ < input type ="color " id ="Color " name =" Product color ">
33+ </ div >
34+ < div >
35+ < br >
36+ < label for ="Size "> Shirt size</ label >
37+ < select for ="Size ">
38+ < option label ="XS " value ="XS "> </ option >
39+ < option label ="S " value ="S "> </ option >
40+ < option label ="M " value ="M "> </ option >
41+ < option label ="L " value ="L "> </ option >
42+ < option label ="XL " value ="XL "> </ option >
43+ < option label ="XXL " value ="XXL "> </ option >
44+ </ select >
45+ </ div >
46+ < br >
47+ < button type ="submit "> Submit</ button >
2048 </ form >
2149 </ main >
50+ < hr >
2251 < footer >
2352 <!-- change to your name-->
24- < h2 > By HOMEWORK SOLUTION </ h2 >
53+ < h2 > By Tuan Nguyen </ h2 >
2554 </ footer >
2655 </ body >
2756</ html >
0 commit comments