@@ -14,71 +14,14 @@ <h1>Product Pick</h1>
1414 < main >
1515 < form >
1616 <!-- write your html here-->
17- < p >
18- < label for ="name "> Name:</ label >
19- < input type ="text " id ="name " name ="user_name " required pattern =".*\S.*\S.* " title ="Please enter at least 2 non-space characters "/>
20- </ p >
21- < p >
22- < label for ="mail "> Email: </ label >
23- < input type ="email " id ="mail " name ="user_name " required />
24- </ p >
25-
26- < fieldset >
27- < legend > Please choose a colour:</ legend >
28- < p >
29- < label >
30- < input type ="radio " name ="colour " value ="white " required >
31- White
32- </ label >
33- </ p >
34- < p >
35- < label >
36- < input type ="radio " name ="colour " value ="black " required >
37- Black
38- </ label >
39- </ p >
40- < p >
41- < label >
42- < input type ="radio " name ="colour " value ="red " required >
43- Red
44- </ label >
45- </ p >
46-
47- </ fieldset >
48-
49- < p >
50- < label for ="size ">
51- < span > Choose your size:</ span >
52- </ label >
53- < select id ="size " name ="user-size " required >
54- < option value =""> --Select--</ option >
55- < option value ="xs "> XS</ option >
56- < option value ="s "> S</ option >
57- < option value ="m "> M</ option >
58- < option value ="l "> L</ option >
59- < option value ="xl "> XL</ option >
60- < option value ="xxl "> XXL</ option >
61-
62- </ select >
63- </ p >
64- < p class ="button ">
65- < button type ="submit "> Submit</ button >
66- < button type ="reset "> Reset</ button >
67-
68- </ p >
69-
7017 <!--
7118 try writing out the requirements first as comments
72- - What is the customer's name? I must collect this data and ensure it contains at least two non-space characters.
73- -What is the customer's email? I must make sure the email is valid. Email addresses follow a consistent pattern.
74- - What colour should this T-shirt be? I must provide 3 options. How will I ensure they do not choose other colours?
75- - What size does the customer want? I must provide the following 6 options: XS, S, M, L, XL, XXL
7619 this will also help you fill in your PR message later-->
7720 </ form >
7821 </ main >
7922 < footer >
8023 <!-- change to your name-->
81- < p > By Christelle Boten </ p >
24+ < p > By HOMEWORK SOLUTION </ p >
8225 </ footer >
8326 </ body >
8427</ html >
0 commit comments