99 < link rel ="stylesheet " href ="style.css ">
1010 </ head >
1111 < body >
12- < main >
12+ < main >
1313
1414 < form method ="get " class ="container ">
1515 <!-- Requirements:
1818 - What colour should this T-shirt be? I must provide 3 options and to ensure they do not choose other colours.
1919 - What size does the customer want? I must provide the following 6 options: XS, S, M, L, XL, XXL and to ensure they do not choose other sizes.
2020 -->
21-
2221 < header >
2322 < h1 > T-shirt Order Form</ h1 >
2423 </ header >
25- < main >
26- < form >
2724
28- < section >
29- < label for ="name "> Full Name</ label >
30- < input id ="name " name ="name " type ="text " minlength ="2 " placeholder ="First Name Surname " pattern ="[A-Za-z ]{2,} " required >
31- </ section >
25+ < hr >
26+ < label for ="name "> Full Name</ label >
27+ < input id ="name " name ="name " type ="text " minlength ="2 " placeholder ="First Name Surname " pattern ="[A-Za-z ]{2,} " required >
3228
33- < section >
34- < label for ="email "> Email</ label >
35- < input id ="email " name ="email " type ="email " pattern ="[A-Za-z0-9._%+\-]+@[A-Za-z0-9.\-]+\.[A-Za-z]{2,}$ "
29+ < hr >
30+ < label for ="email "> Email</ label >
31+ < input id ="email " name ="email " type ="email " pattern ="[A-Za-z0-9._%+\-]+@[A-Za-z0-9.\-]+\.[A-Za-z]{2,}$ "
3632 placeholder ="Your email " required >
37- </ section >
3833
39- < section >
34+ < hr >
4035 < label for ="colour "> T-shirt Colour:</ label >
41-
4236 < select name ="colour " id ="colour " required >
4337 < option value =""> Choose a Colour</ option >
4438 < option value ="Red "> Red</ option >
4539 < option value ="Blue "> Blue</ option >
4640 < option value ="Yellow "> Yellow</ option >
4741 </ select >
48- </ section >
4942
50- < section >
51- < label for ="Size "> T-shirt Size:</ label >
52- < select name ="size " id ="Size " required >
43+ < hr >
44+ < label for ="Size "> T-shirt Size:</ label >
45+ < select name ="size " id ="Size " required >
5346 < option value =""> Choose a Size</ option >
5447 < option value ="XS "> XS</ option >
5548 < option value ="S "> S</ option >
@@ -58,19 +51,16 @@ <h1>T-shirt Order Form</h1>
5851 < option value ="XL "> XL</ option >
5952 < option value ="XXL "> XXL</ option >
6053 </ select >
61- </ section >
6254
6355 < hr >
64-
65-
6656 < button type ="submit "> Submit</ button >
6757
6858 <!-- write your html here-->
6959 <!--
7060 try writing out the requirements first as comments
7161 this will also help you fill in your PR message later-->
7262 </ form >
73- </ main >
63+ </ main >
7464 < footer >
7565 <!-- change to your name-->
7666 < p > By Lesya Lyaisyan</ p >
0 commit comments