@@ -17,23 +17,28 @@ <h1>Pick product</h1>
1717 <!-- 1. What is the customer's name? I must collect this data and ensure it contains at least two non-space characters.-->
1818 < div >
1919 < label for ="name "> Name</ label >
20- < input type ="text " id ="name " pattern ="` .*\S.*\S. ">
20+ < input type ="text " id ="name " placeholder =" Chandrmani Gaire " pattern =".*\S.*\S. " required >
2121 </ div >
2222 < br >
23+ < div >
2324 < label for ="email "> Email</ label >
24- < input type ="email " id ="email ">
25+ < input type ="
email "
placeholder =" [email protected] " id ="
email "
required > 2526 </ div >
2627 < br >
28+ < div >
2729 <!--What colour should this T-shirt be? I must provide 3 options. How will I ensure they do not choose other colours? -->
2830 < label for ="coloroption "> Color option</ label >
2931 < select id ="coloroption " name ="Color ">
3032 < option value ="grey " > Grey</ option >
3133 < option value ="black "> Black</ option >
3234 < option value ="red "> Red</ option >
3335 </ select >
36+ </ div >
3437 < br >
38+ < div >
39+
3540 <!--What size does the customer want? I must provide the following 6 options: XS, S, M, L, XL, XXL -->
36- < label for ="size "> size </ label >
41+ < label for ="size "> Size </ label >
3742 < select name ="differentsize " id ="size ">
3843 < option value ="XS " > XS</ option >
3944 < option value ="S " > S</ option >
@@ -42,11 +47,14 @@ <h1>Pick product</h1>
4247 < option value ="XL " > XL</ option >
4348 < option value ="XXL " > XXL</ option >
4449 </ select >
50+ </ div >
51+ < br >
4552 < div >
4653 < input id ="submit " type ="submit ">
4754 </ div >
4855 < br >
49- < div >
56+ </ div >
57+ < div >
5058 < input id ="reset " type ="reset ">
5159 </ div >
5260 </ form >
0 commit comments