From 1a80e0b6a012db748a083e03764a375abaccb651 Mon Sep 17 00:00:00 2001
From: HM-127BTY <mills.hugh@yahoo.com>
Date: Mon, 7 Sep 2026 15:16:05 +0100
Subject: [PATCH 1/8] Started by adding info needed and putting <div> for each
 request of info

---
 Form-Controls/index.html | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 74b591ffc..1a933567f 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -13,6 +13,31 @@ <h1>Product Pick</h1>
     </header>
     <main>
       <form>
+      <div>
+        <label for="name">Name:</label>
+        <input type+text  id="name">
+      </div>
+      <div>
+        <label for="email">Email:</label>
+        <input type="text" id="email">
+      </div>
+      <div>
+        <label for="colour">Colour:</label>
+
+      </div>
+      <div>
+        <label for="size">Size:</label>
+
+      </div>
+      </form>
+    <!-- 
+      name: at least two non-space characters
+      email: valid email
+      colour: one required: white black blue
+      Size: one required: xs, s, m, l, xl, xxl
+    -->
+
+      
         <!-- write your html here-->
         <!-- 
           try writing out the requirements first as comments

From b14a6c9e9882c1df04537f001123171ffa80aded Mon Sep 17 00:00:00 2001
From: HM-127BTY <mills.hugh@yahoo.com>
Date: Mon, 7 Sep 2026 15:24:37 +0100
Subject: [PATCH 2/8] Added type for email aswell as placeholders and pattern
 for "name"

---
 Form-Controls/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 1a933567f..06822cb0b 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -15,11 +15,11 @@ <h1>Product Pick</h1>
       <form>
       <div>
         <label for="name">Name:</label>
-        <input type+text  id="name">
+        <input type+text  id="name" placeholder="Hugh Mills" pattern="`.*\S.*\S.*`. ">
       </div>
       <div>
         <label for="email">Email:</label>
-        <input type="text" id="email">
+        <input type="email" id="email" placeholder="hugh.mills@myemail.com">
       </div>
       <div>
         <label for="colour">Colour:</label>

From 2e39c78b9b9dfdec41f71ad03daeeab289c62ca9 Mon Sep 17 00:00:00 2001
From: HM-127BTY <mills.hugh@yahoo.com>
Date: Mon, 7 Sep 2026 15:44:14 +0100
Subject: [PATCH 3/8] Added labels for the colours, Added required to each
 current input

---
 Form-Controls/index.html | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 06822cb0b..fe38a48cb 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -15,15 +15,20 @@ <h1>Product Pick</h1>
       <form>
       <div>
         <label for="name">Name:</label>
-        <input type+text  id="name" placeholder="Hugh Mills" pattern="`.*\S.*\S.*`. ">
+        <input type+text  id="name" placeholder="Hugh Mills" pattern="`.*\S.*\S.*`. " aria-required="">
       </div>
       <div>
         <label for="email">Email:</label>
-        <input type="email" id="email" placeholder="hugh.mills@myemail.com">
+        <input type="email" id="email" placeholder="hugh.mills@myemail.com" required>
+        </label>
       </div>
       <div>
-        <label for="colour">Colour:</label>
-
+        <label for="white">White</label>
+        <input type="radio" name="colour" for="colour" value="white" required>
+        <label for="black">Black</label>
+        <input type="radio" name="colour" for="colour" value="black">
+        <label for="blue">Blue</label>
+        <input type="radio" name="colour" for="colour" value="white">       
       </div>
       <div>
         <label for="size">Size:</label>

From 2c1de1d941c1b6b4c2e11a8915dab499d8d73ea5 Mon Sep 17 00:00:00 2001
From: HM-127BTY <mills.hugh@yahoo.com>
Date: Mon, 7 Sep 2026 16:04:38 +0100
Subject: [PATCH 4/8] fixed errors in the code, syntax was wrong in parts.
 Added name at end. done inputs for Size and corrections to colours.

---
 Form-Controls/index.html | 30 ++++++++++++++++++++++--------
 1 file changed, 22 insertions(+), 8 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index fe38a48cb..6fcd61396 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -15,24 +15,38 @@ <h1>Product Pick</h1>
       <form>
       <div>
         <label for="name">Name:</label>
-        <input type+text  id="name" placeholder="Hugh Mills" pattern="`.*\S.*\S.*`. " aria-required="">
+        <input type="text"  id="name" placeholder="Hugh Mills" pattern=".*\S.*\S.*." required>
       </div>
       <div>
         <label for="email">Email:</label>
         <input type="email" id="email" placeholder="hugh.mills@myemail.com" required>
-        </label>
       </div>
       <div>
+        Colour- Please Select one:<br>
         <label for="white">White</label>
-        <input type="radio" name="colour" for="colour" value="white" required>
+        <input type="radio" name="colour" value="white" required>
         <label for="black">Black</label>
-        <input type="radio" name="colour" for="colour" value="black">
+        <input type="radio" name="colour" value="black">
         <label for="blue">Blue</label>
-        <input type="radio" name="colour" for="colour" value="white">       
+        <input type="radio" name="colour" value="white">    
       </div>
       <div>
-        <label for="size">Size:</label>
-
+        Size - Please select one:<br>
+        <label for="size">XS:</label>
+        <input type="radio" name="size" value="xs" required>
+        <label for="size">S:</label>
+        <input type="radio" name="size" value="s">
+        <label for="size">M:</label>
+        <input type="radio" name="size" value="m">
+        <label for="size">L:</label>
+        <input type="radio" name="size" value="l">
+        <label for="size">XL:</label>
+        <input type="radio" name="size" value="xl">
+        <label for="size">XXL:</label>
+        <input type="radio" name="size" value="xxl">
+      </div>
+      <div>
+        <input type="submit" name="submit">
       </div>
       </form>
     <!-- 
@@ -51,7 +65,7 @@ <h1>Product Pick</h1>
     </main>
     <footer>
       <!-- change to your name-->
-      <p>By HOMEWORK SOLUTION</p>
+      <p>By Hugh Mills</p>
     </footer>
   </body>
 </html>

From 06eac620f74c1a7d2de85f9a78b54c356f97d565 Mon Sep 17 00:00:00 2001
From: HM-127BTY <mills.hugh@yahoo.com>
Date: Mon, 7 Sep 2026 16:10:46 +0100
Subject: [PATCH 5/8] Cleaned up by removing my comments  and checking code for
 errors.

---
 Form-Controls/index.html | 15 ++++-----------
 1 file changed, 4 insertions(+), 11 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 6fcd61396..3228ba2fe 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -37,7 +37,7 @@ <h1>Product Pick</h1>
         <label for="size">S:</label>
         <input type="radio" name="size" value="s">
         <label for="size">M:</label>
-        <input type="radio" name="size" value="m">
+        <input type="radio" name="size" value="m"><br>
         <label for="size">L:</label>
         <input type="radio" name="size" value="l">
         <label for="size">XL:</label>
@@ -46,17 +46,10 @@ <h1>Product Pick</h1>
         <input type="radio" name="size" value="xxl">
       </div>
       <div>
-        <input type="submit" name="submit">
+        <input type="submit">
+        <input type="reset">
       </div>
-      </form>
-    <!-- 
-      name: at least two non-space characters
-      email: valid email
-      colour: one required: white black blue
-      Size: one required: xs, s, m, l, xl, xxl
-    -->
-
-      
+            
         <!-- write your html here-->
         <!-- 
           try writing out the requirements first as comments

From c6f3d57046174d3d49f4b2c17baed54926b90aa6 Mon Sep 17 00:00:00 2001
From: HM-127BTY <mills.hugh@yahoo.com>
Date: Thu, 10 Sep 2026 14:11:03 +0100
Subject: [PATCH 6/8] added "id=" to the labels and inputs and fixed errors
 found such as value to blue was white now changed  to blue

---
 Form-Controls/index.html | 34 +++++++++++++++++-----------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 3228ba2fe..7f7343761 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -24,30 +24,30 @@ <h1>Product Pick</h1>
       <div>
         Colour- Please Select one:<br>
         <label for="white">White</label>
-        <input type="radio" name="colour" value="white" required>
+        <input type="radio" id="white" name="colour" value="white" required>
         <label for="black">Black</label>
-        <input type="radio" name="colour" value="black">
+        <input type="radio" id="black" name="colour" value="black">
         <label for="blue">Blue</label>
-        <input type="radio" name="colour" value="white">    
+        <input type="radio" id="blue" name="colour" value="blue">    
       </div>
       <div>
         Size - Please select one:<br>
-        <label for="size">XS:</label>
-        <input type="radio" name="size" value="xs" required>
-        <label for="size">S:</label>
-        <input type="radio" name="size" value="s">
-        <label for="size">M:</label>
-        <input type="radio" name="size" value="m"><br>
-        <label for="size">L:</label>
-        <input type="radio" name="size" value="l">
-        <label for="size">XL:</label>
-        <input type="radio" name="size" value="xl">
-        <label for="size">XXL:</label>
-        <input type="radio" name="size" value="xxl">
+        <label for="xs">XS:</label>
+        <input type="radio" id="xs" name="size" value="xs" required>
+        <label for="s">S:</label>
+        <input type="radio" id="s" name="size" value="s">
+        <label for="m">M:</label>
+        <input type="radio" id="m" name="size" value="m"><br>
+        <label for="l">L:</label>
+        <input type="radio" id="l" name="size" value="l">
+        <label for="xl">XL:</label>
+        <input type="radio" id="xl" name="size" value="xl">
+        <label for="xxl">XXL:</label>
+        <input type="radio" id="xxl" name="size" value="xxl">
       </div>
       <div>
-        <input type="submit">
-        <input type="reset">
+        <input id="sumbit" type="submit">
+        <input id="reset" type="reset">
       </div>
             
         <!-- write your html here-->

From e726ddb135a5bf90fbb2711d1e06219db773af2f Mon Sep 17 00:00:00 2001
From: HM-127BTY <mills.hugh@yahoo.com>
Date: Fri, 11 Sep 2026 12:07:45 +0100
Subject: [PATCH 7/8] removed a . that was in pattern=".*\S.*\S.*" , it was
 pattern=".*\S.*\S.*".

---
 Form-Controls/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 7f7343761..09c60c84e 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -15,7 +15,7 @@ <h1>Product Pick</h1>
       <form>
       <div>
         <label for="name">Name:</label>
-        <input type="text"  id="name" placeholder="Hugh Mills" pattern=".*\S.*\S.*." required>
+        <input type="text"  id="name" placeholder="Hugh Mills" pattern=".*\S.*\S.*" required>
       </div>
       <div>
         <label for="email">Email:</label>

From a6e19834b4faa81b05650645eeed90fbf0f9edc3 Mon Sep 17 00:00:00 2001
From: HM-127BTY <mills.hugh@yahoo.com>
Date: Fri, 11 Sep 2026 12:24:35 +0100
Subject: [PATCH 8/8] Added <br> to all inputs and seperated the Submit and
 Reset with ----

---
 Form-Controls/index.html | 23 ++++++++++++++---------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 09c60c84e..326771005 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -24,31 +24,36 @@ <h1>Product Pick</h1>
       <div>
         Colour- Please Select one:<br>
         <label for="white">White</label>
-        <input type="radio" id="white" name="colour" value="white" required>
+        <input type="radio" id="white" name="colour" value="white" required><br>
         <label for="black">Black</label>
-        <input type="radio" id="black" name="colour" value="black">
+        <input type="radio" id="black" name="colour" value="black"><br>
         <label for="blue">Blue</label>
-        <input type="radio" id="blue" name="colour" value="blue">    
+        <input type="radio" id="blue" name="colour" value="blue"><br> 
       </div>
       <div>
         Size - Please select one:<br>
         <label for="xs">XS:</label>
-        <input type="radio" id="xs" name="size" value="xs" required>
+        <input type="radio" id="xs" name="size" value="xs" required><br>
         <label for="s">S:</label>
-        <input type="radio" id="s" name="size" value="s">
+        <input type="radio" id="s" name="size" value="s"><br>
         <label for="m">M:</label>
         <input type="radio" id="m" name="size" value="m"><br>
         <label for="l">L:</label>
-        <input type="radio" id="l" name="size" value="l">
+        <input type="radio" id="l" name="size" value="l"><br>
         <label for="xl">XL:</label>
-        <input type="radio" id="xl" name="size" value="xl">
+        <input type="radio" id="xl" name="size" value="xl"><br>
         <label for="xxl">XXL:</label>
-        <input type="radio" id="xxl" name="size" value="xxl">
+        <input type="radio" id="xxl" name="size" value="xxl"><br>
       </div>
+      -----------
+      <div>
+        <input id="sumbit" type="submit"><br>
+      </div>
+      -----------
       <div>
-        <input id="sumbit" type="submit">
         <input id="reset" type="reset">
       </div>
+      -----------
             
         <!-- write your html here-->
         <!--