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/5] 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/5] 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/5] 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/5] 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/5] 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