22< html lang ="en ">
33 < head >
44 < meta charset ="utf-8 ">
5- < meta http-equiv ="X-UA-Compatible " content ="IE=edge ">
65 < title > My form exercise</ title >
7- < meta name ="description " content ="">
86 < meta name ="viewport " content ="width=device-width, initial-scale=1 ">
97 </ head >
108 < body >
@@ -13,15 +11,6 @@ <h1>Product Pick</h1>
1311 </ header >
1412 < main >
1513 < form >
16- <!--
17- Requirements:
18- 1) Customer name: contain at least 2 non-space chars
19- 2) Customer email: valid email, follow consistent pattern
20- 3) Color of T-shirt: dd-list of options
21- 4) Size of T-shirt: 6 options(XS, S, M, L, XL, XXL)
22- 5) HTML AND CSS ONLY
23- 6) Commit after each step
24- -->
2514
2615 < label for ="cname "> Customer name</ label >
2716 < input type ="text " id ="cname " name ="cname " title ="Please enter at least 2 non-space characters. " pattern =".*\S.*\S.* " required >
@@ -31,28 +20,28 @@ <h1>Product Pick</h1>
3120
3221 < label for ="tcolor "> T-shirt color</ label >
3322 < select id ="tcolor " name ="tcolor " required >
34- < option value =""> Choose a color</ option >
35- < option value ="White "> White</ option >
36- < option value ="Black "> Black</ option >
37- < option value ="Blue "> Blue</ option >
23+ < option value =""> Choose a color</ option >
24+ < option value ="White "> White</ option >
25+ < option value ="Black "> Black</ option >
26+ < option value ="Blue "> Blue</ option >
3827 </ select >
3928
4029 < label for ="tsize "> T-shirt size</ label >
4130 < select id ="tsize " name ="tsize " required >
42- < option value =""> Choose a size</ option >
43- < option value ="XS "> XS</ option >
44- < option value ="S "> S</ option >
45- < option value ="M "> M</ option >
46- < option value ="L "> L</ option >
47- < option value ="XL "> XL</ option >
48- < option value ="XXL "> XXL</ option >
31+ < option value =""> Choose a size</ option >
32+ < option value ="XS "> XS</ option >
33+ < option value ="S "> S</ option >
34+ < option value ="M "> M</ option >
35+ < option value ="L "> L</ option >
36+ < option value ="XL "> XL</ option >
37+ < option value ="XXL "> XXL</ option >
4938 </ select >
5039
5140 < input type ="submit " value ="Place order ">
41+
5242 </ form >
5343 </ main >
5444 < footer >
55-
5645 < p > By Tyler-leigh Ross</ p >
5746 </ footer >
5847 </ body >
0 commit comments