@@ -14,41 +14,6 @@ <h1>Product Pick</h1>
1414 </ header >
1515 < main >
1616 < form >
17- <!-- Learning objectives
18- *Interpret requirements and check against a list of criteria
19- *Write a valid form
20- *Test with Devtools
21- *Refactor using Devtools
22- *Use version control by committing often and pushing regularly to GitHub
23- *Develop the habit of writing clean, well-structured, and error-free code
24-
25- Writing that out as a series of questions to ask yourself:
26-
27- What is the customer's name? I must collect this data and ensure it contains at least two non-space characters.
28- What is the customer's email? I must make sure the email is valid. Email addresses follow a consistent pattern.
29- What colour should this T-shirt be? I must provide 3 options. How will I ensure they do not choose other colours?
30- What size does the customer want? I must provide the following 6 options: XS, S, M, L, XL, XXL
31-
32- Testable criteria
33- *I have only used HTML and CSS.
34- *I have not used any JavaScript.
35-
36- HTML
37- *My form is semantic HTML.
38- *All inputs have associated labels.
39- *My Lighthouse Accessibility score is 100.
40- *I require a valid name.
41- *I require a valid email.
42- *I require one colour from a defined set of 3 colours.
43- *I require one size from a defined set of 6 sizes.
44-
45- Professional standards
46- *My HTML code has no errors or warnings when validated using https://validator.w3.org/
47- *My code is consistently formatted
48- *My page content is free of typos and grammatical mistakes
49- *I commit often and push regularly to GitHub
50- -->
51-
5217 < fieldset id ="customer-info ">
5318 < legend > Customer info</ legend >
5419 < div >
0 commit comments