diff --git a/Form-Controls/README.md b/Form-Controls/README.md index bfcdf6c0b..54d27d2c5 100644 --- a/Form-Controls/README.md +++ b/Form-Controls/README.md @@ -30,18 +30,18 @@ Do not write a form action for this project. Let's write out our testable criteria. Check each one off as you complete it. -- [ ] I have used HTML only. +- [x] I have used HTML only. - [x] I have not used any CSS or JavaScript. ### HTML -- [ ] My form is semantic html. -- [ ] All inputs have associated labels. -- [ ] My Lighthouse Accessibility score is 100. -- [ ] I require a valid name. I have defined a valid name as a text string of two characters or more. -- [ ] I require a valid email. -- [ ] I require one colour from a defined set of 3 colours. -- [ ] I require one size from a defined set of 6 sizes. +- [x] My form is semantic html. +- [x] All inputs have associated labels. +- [x] My Lighthouse Accessibility score is 100. +- [x] I require a valid name. I have defined a valid name as a text string of two characters or more. +- [x] I require a valid email. +- [x] I require one colour from a defined set of 3 colours. +- [x] I require one size from a defined set of 6 sizes. ## Resources diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 65a866cdb..83e1a4d4a 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -3,25 +3,81 @@ - My form exercise - + + T-Shirt Form Exercise +
-

Product Pick

+

T-shirt Order Form

- + +
+ Customer Info + + +

Must be at least 2 characters long

+
+ +
+ + +

Must be a valid email address

+
+ +
+ Select T-shirt Color: + + + + + + + + +
+ +
+ Select a Size: + + + + + + + + + + + + + + + + + + +
+
+ +