1- <!DOCTYPE html>
1+ <!doctype html>
22< html lang ="en ">
33 < head >
44 < meta charset ="utf-8 " />
@@ -15,29 +15,36 @@ <h1>T-Shirts</h1>
1515 < main >
1616 < form >
1717 < label for ="name "> Name</ label >
18- < input id ="name " type ="text " required pattern ="[^\s]{2,}(?:\s+[^\s]{2,})+ "
19- title ="Please enter a valid first and last name "/>
18+ < input
19+ id ="name "
20+ type ="text "
21+ required
22+ pattern ="[^\s]{2,}(?:\s+[^\s]{2,})+ "
23+ title ="Please enter a valid first and last name "
24+ />
2025 < label for ="email "> Email</ label >
21- < input id ="email " type ="email " required />
22- < label for ="size "> Size
23- < select id ="size " required >
24- < option value ="" disabled selected > Select a size</ option >
26+ < input id ="email " type ="email " required />
27+ < label for ="size "
28+ > Size
29+ < select id ="size " required >
30+ < option value ="" disabled selected > Select a size</ option >
2531 < option value ="xsmall "> XS</ option >
2632 < option value ="small "> S</ option >
2733 < option value ="medium "> M</ option >
2834 < option value ="large "> L</ option >
2935 < option value ="xlarge "> XL</ option >
3036 < option value ="xxlarge "> XXL</ option >
31- </ select >
32- </ label >
33- < label for ="colour "> Colour
34- < select id ="colour " required >
37+ </ select >
38+ </ label >
39+ < label for ="colour "
40+ > Colour
41+ < select id ="colour " required >
3542 < option value ="" disabled selected > Select a colour</ option >
3643 < option value ="yellow "> Yellow</ option >
3744 < option value ="black "> Black</ option >
3845 < option value ="pink "> Pink</ option >
39- </ select >
40- </ label >
46+ </ select >
47+ </ label >
4148 < button id ="submit "> Submit</ button >
4249 </ form >
4350 </ main >
0 commit comments