From b96c4efa34676ebb5127bf5b19ac7c1afd998778 Mon Sep 17 00:00:00 2001 From: Vitalii Kmit Date: Fri, 15 May 2026 18:31:42 +0100 Subject: [PATCH 1/7] add form --- Form-Controls/index.html | 35 +++++++++++++++++++++++++++++------ 1 file changed, 29 insertions(+), 6 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 74b591ffc..a20a0d80c 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,4 +1,4 @@ - + @@ -13,15 +13,38 @@

Product Pick

- - + + + + + + + + + + + + + + + +
From 965073e8ce913bdcd378e859d291e238efbe62b8 Mon Sep 17 00:00:00 2001 From: Vitalii Kmit Date: Fri, 15 May 2026 18:33:34 +0100 Subject: [PATCH 2/7] increase the margin for form --- Form-Controls/index.html | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index a20a0d80c..bacde8ec7 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -6,6 +6,13 @@ My form exercise +
From 88b1696f2bbf98ceaa69d5f1b0b653dcfe10ebad Mon Sep 17 00:00:00 2001 From: Vitalii Kmit Date: Fri, 15 May 2026 18:47:33 +0100 Subject: [PATCH 3/7] Add validation --- Form-Controls/index.html | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index bacde8ec7..438575634 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -22,9 +22,16 @@

Product Pick

- + - + From baad5ba0bd5dea73089df15ae93e0823f307465e Mon Sep 17 00:00:00 2001 From: Vitalii Kmit Date: Fri, 15 May 2026 19:06:40 +0100 Subject: [PATCH 4/7] add ids for email and name input fields --- Form-Controls/index.html | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 438575634..64fbbc43e 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -23,15 +23,17 @@

Product Pick

+ - + From 40fc1b17c1d00c27be96a0adfd0f129a07a7d1e9 Mon Sep 17 00:00:00 2001 From: Vitalii Kmit Date: Fri, 15 May 2026 19:07:13 +0100 Subject: [PATCH 5/7] Check every criteria --- Form-Controls/README.md | 39 ++++++++++++++++++++------------------- 1 file changed, 20 insertions(+), 19 deletions(-) diff --git a/Form-Controls/README.md b/Form-Controls/README.md index 844572470..bb5de87c3 100644 --- a/Form-Controls/README.md +++ b/Form-Controls/README.md @@ -4,12 +4,12 @@ -- [ ] Interpret requirements and check against a list of criteria -- [ ] Write a valid form -- [ ] Test with Devtools -- [ ] Refactor using Devtools -- [ ] Use version control by committing often and pushing regularly to GitHub -- [ ] Develop the habit of writing clean, well-structured, and error-free code +- [x] Interpret requirements and check against a list of criteria +- [x] Write a valid form +- [x] Test with Devtools +- [x] Refactor using Devtools +- [x] Use version control by committing often and pushing regularly to GitHub +- [x] Develop the habit of writing clean, well-structured, and error-free code ## Task @@ -34,18 +34,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 only used HTML and CSS. -- [ ] I have not used any JavaScript. +- [x] I have only used HTML and CSS. +- [x] I have not used any JavaScript. ### HTML -- [ ] My form is semantic HTML. -- [ ] All inputs have associated labels. -- [ ] My Lighthouse Accessibility score is 100. -- [ ] I require a valid name. -- [ ] 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. +- [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. ### Developers must adhere to professional standards. @@ -54,12 +54,13 @@ Let's write out our testable criteria. Check each one off as you complete it. These practices reflect the level of quality expected in professional work. They ensure your code is reliable, maintainable, and presents a polished, credible experience to users. -- [ ] My HTML code has no errors or warnings when validated using https://validator.w3.org/ -- [ ] My code is consistently formatted -- [ ] My page content is free of typos and grammatical mistakes -- [ ] I commit often and push regularly to GitHub +- [x] My HTML code has no errors or warnings when validated using https://validator.w3.org/ +- [x] My code is consistently formatted +- [x] My page content is free of typos and grammatical mistakes +- [x] I commit often and push regularly to GitHub ## Resources + - [MDN: Form controls](https://developer.mozilla.org/en-US/docs/Learn/Forms) - [MDN: Form validation](https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation) - [Lighthouse](https://developers.google.com/web/tools/lighthouse) From 0a1ae66053e287f5668bf010bf7af55153ad92ac Mon Sep 17 00:00:00 2001 From: Vitalii Kmit <58048618+Vitalii-code@users.noreply.github.com> Date: Sat, 16 May 2026 14:54:00 +0100 Subject: [PATCH 6/7] Add placeholder option to size select dropdown --- Form-Controls/index.html | 2 ++ 1 file changed, 2 insertions(+) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 64fbbc43e..f67aed346 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -38,6 +38,7 @@

Product Pick

+ From bde0cb481f2afc642573337ba19a29b2219b56d1 Mon Sep 17 00:00:00 2001 From: Vitalii Kmit Date: Sat, 16 May 2026 15:10:01 +0100 Subject: [PATCH 7/7] Fixed the form to require color selection --- Form-Controls/index.html | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index f67aed346..5dcf20426 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -37,8 +37,8 @@

Product Pick

- + @@ -46,8 +46,8 @@

Product Pick

- +