From 11a69443e61b9d6b0e0135aed71f5eec5dab7910 Mon Sep 17 00:00:00 2001 From: Alaterry8 Date: Sat, 14 Feb 2026 15:21:54 +0000 Subject: [PATCH 1/8] Add name field and submit button to test validation --- Form-Controls/index.html | 21 ++++++++++++++------- 1 file changed, 14 insertions(+), 7 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 65a866cdb..7572a6349 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,4 +1,4 @@ - + @@ -8,20 +8,27 @@ +

Product Pick

+
- - + + + + +
+ + +
+ From 667fd996f6c65f34b7dadda7cc5e7c3d92f6142d Mon Sep 17 00:00:00 2001 From: Alaterry8 Date: Sat, 14 Feb 2026 15:24:17 +0000 Subject: [PATCH 2/8] Add email field --- Form-Controls/index.html | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 7572a6349..e05c8d82c 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -18,7 +18,14 @@

Product Pick

+
+ + + + + +
From 8caf0c54ca3b1265e04e6fbd365b85723556bb6e Mon Sep 17 00:00:00 2001 From: Alaterry8 Date: Sat, 14 Feb 2026 15:25:45 +0000 Subject: [PATCH 3/8] Add T-shirt colour field --- Form-Controls/index.html | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index e05c8d82c..43ddb3761 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -22,7 +22,16 @@

Product Pick

- +
+ + + + From 1dd5b4c71f72b1ed186a4ad560d774e7086f32cf Mon Sep 17 00:00:00 2001 From: Alaterry8 Date: Sat, 14 Feb 2026 15:27:44 +0000 Subject: [PATCH 4/8] Add Size options via radio buttons --- Form-Controls/index.html | 29 ++++++++++++++++++++++++++++- 1 file changed, 28 insertions(+), 1 deletion(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 43ddb3761..e0b54bb4f 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -31,7 +31,34 @@

Product Pick

- +
+

Size: + +
+ + + +
+ + + +
+ + + +
+ + + +
+ + + +
+ + + +

From 0f0e9d3240f13588a18a3280f9499e3e0c13c1ed Mon Sep 17 00:00:00 2001 From: Alaterry8 Date: Sat, 14 Feb 2026 15:28:11 +0000 Subject: [PATCH 5/8] Remove submit button --- Form-Controls/index.html | 5 ----- 1 file changed, 5 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index e0b54bb4f..0dfb51b2e 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -60,11 +60,6 @@

Product Pick

- - -
- - From 1774cf2c0b9598a8c56e7a3d7f91ba2d74163a99 Mon Sep 17 00:00:00 2001 From: Alaterry8 Date: Sat, 14 Feb 2026 15:31:45 +0000 Subject: [PATCH 6/8] Attach labels to unputs --- Form-Controls/index.html | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 0dfb51b2e..aee90258a 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -35,27 +35,27 @@

Product Pick

Size:
- +
- +
- +
- +
- +
- +

From cda92fc4ef65a2d91b042c069d968f3511082e4e Mon Sep 17 00:00:00 2001 From: Alaterry8 Date: Sat, 14 Feb 2026 15:35:18 +0000 Subject: [PATCH 7/8] Add spacing between controls --- Form-Controls/index.html | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index aee90258a..3844d0ffb 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -18,11 +18,11 @@

Product Pick

-
+

-
+

-
+

-
+

-
+

-
+

-
+

From 20bf3d9c576b156488dae2181af8d469cb4ba847 Mon Sep 17 00:00:00 2001 From: Alaterry8 Date: Sat, 14 Feb 2026 15:37:43 +0000 Subject: [PATCH 8/8] Check requirements --- Form-Controls/README.md | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/Form-Controls/README.md b/Form-Controls/README.md index bfcdf6c0b..1028d39dc 100644 --- a/Form-Controls/README.md +++ b/Form-Controls/README.md @@ -4,10 +4,10 @@ -- [ ] Interpret requirements and check against a list of criteria -- [ ] Write a valid form -- [ ] Test with Devtools -- [ ] Refactor using Devtools +- [x] Interpret requirements and check against a list of criteria +- [x] Write a valid form +- [x] Test with Devtools +- [x] Refactor using Devtools ## Task @@ -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