@@ -13,15 +13,55 @@ <h1>Product Pick</h1>
1313 </ header >
1414 < main >
1515 < form >
16- <!-- write your html here-->
16+ < div >
17+ < label for ="name "> Customer Name:</ label >
18+ < input
19+ type ="text "
20+ id ="name "
21+ name ="name "
22+ required pattern =".*\S.*\S.* "
23+ title ="Please enter at least two non-space characters. "
24+ >
25+ </ div >
26+ < div >
27+ < label for ="email "> Email:</ label >
28+ < input
29+ type ="email "
30+ id ="email "
31+ name ="email "
32+ required
33+ >
34+ </ div >
35+ < div >
36+ < label for ="color "> T-shirt color:</ label >
37+ < select id ="color " name ="color " required >
38+ < option value =""> Please choose a color</ option >
39+ < option value ="Black "> Black</ option >
40+ < option value ="White "> White</ option >
41+ < option value ="Blue "> Blue</ option >
42+ </ select >
43+ </ div >
44+ < div >
45+ < label for ="size "> T-shirt Size:</ label >
46+ < select id ="size " name ="size " required >
47+ < option value =""> Please choose a Size</ option >
48+ < option value ="XS "> XS</ option >
49+ < option value ="S "> S</ option >
50+ < option value ="M "> M</ option >
51+ < option value ="L "> L</ option >
52+ < option value ="XL "> XL</ option >
53+ < option value ="XXL "> XXL</ option >
54+ </ select >
55+ </ div >
56+ <!-- write your html here-->
1757 <!--
1858 try writing out the requirements first as comments
1959 this will also help you fill in your PR message later-->
2060 </ form >
2161 </ main >
2262 < footer >
2363 <!-- change to your name-->
24- < p > By HOMEWORK SOLUTION </ p >
64+ < p > By Vaibhav Patel </ p >
2565 </ footer >
2666 </ body >
2767</ html >
0 commit comments