From e8bbf038416a461db5cae42155d775dd5a6c56bb Mon Sep 17 00:00:00 2001 From: Jacknguyen4438 Date: Sat, 31 Jan 2026 02:22:03 +0000 Subject: [PATCH 1/4] Creating and adding input for the user --- Form-Controls/index.html | 33 +++++++++++++++++++++++++++++++-- 1 file changed, 31 insertions(+), 2 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 65a866cdb..3505b8aed 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -3,7 +3,7 @@ - My form exercise + Glasgow style product form @@ -17,11 +17,40 @@

Product Pick

+
+ + +
+
+
+ + +
+
+
+ + +
+
+
+ + +
+
+ +
From 6ab6dd54dc7ffffdc5d3ecce2549ecc3f4751bdb Mon Sep 17 00:00:00 2001 From: Jacknguyen4438 Date: Sat, 31 Jan 2026 02:23:39 +0000 Subject: [PATCH 2/4] Doing required check on task need to be done --- Form-Controls/README.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) 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 From 2b6606d1c6316babc4b9e79a6f26b8935f2e748e Mon Sep 17 00:00:00 2001 From: Jacknguyen4438 Date: Sat, 31 Jan 2026 02:29:06 +0000 Subject: [PATCH 3/4] Nesting select and option inside the parent label to help with accessibility. --- Form-Controls/index.html | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 3505b8aed..ea83e1f8f 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -33,8 +33,8 @@

Product Pick


- - @@ -42,6 +42,7 @@

Product Pick

+

From ee353eb1152557038b589a4f0c1a2bc004886df5 Mon Sep 17 00:00:00 2001 From: Jacknguyen4438 Date: Sat, 31 Jan 2026 02:31:18 +0000 Subject: [PATCH 4/4] Doing some attribute to some input and adding check to learning object --- Form-Controls/README.md | 8 ++++---- Form-Controls/index.html | 4 ++-- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/Form-Controls/README.md b/Form-Controls/README.md index 54d27d2c5..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 diff --git a/Form-Controls/index.html b/Form-Controls/index.html index ea83e1f8f..fd3514a7c 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -29,12 +29,12 @@

Product Pick


- +