From ec01d924d94fbfe40051c3e4c0d1ae4dd8a67e39 Mon Sep 17 00:00:00 2001
From: Taha Elmahmoudi <Taha.elmahmoudi1@gmail.com>
Date: Sat, 19 Sep 2026 14:36:01 +0100
Subject: [PATCH 1/7] Fix label typo and clean up form structure in index.html

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 74b591ffc..b99738b88 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -13,10 +13,28 @@ <h1>Product Pick</h1>
     </header>
     <main>
       <form>
-        <!-- write your html here-->
+        
+      
+        <!-- write your html here--> 
         <!-- 
           try writing out the requirements first as comments
         this will also help you fill in your PR message later-->
+
+        <label for="name">Name</label>
+        <input type="text" for="name" id="name"> 
+        <button>Submit</button>
+
+        <lable>Email</lable>
+        <input type="email" for="email" id="email"> 
+    
+
+
+
+
+
+
+
+
       </form>
     </main>
     <footer>

From bcdc2714275688991307eead8f9716f364288cfb Mon Sep 17 00:00:00 2001
From: Taha Elmahmoudi <Taha.elmahmoudi1@gmail.com>
Date: Sat, 19 Sep 2026 14:43:16 +0100
Subject: [PATCH 2/7] Fix label typo and restructure form elements in
 index.html

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index b99738b88..60a3a0dd6 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -20,13 +20,19 @@ <h1>Product Pick</h1>
           try writing out the requirements first as comments
         this will also help you fill in your PR message later-->
 
-        <label for="name">Name</label>
-        <input type="text" for="name" id="name"> 
-        <button>Submit</button>
+        <p>
+<label for="name">Name</label>
+        <input pattern="`.*\S.*\S.*`" type="text" for="name" id="name"> 
+        </p>
 
+        
+        <p>
         <lable>Email</lable>
         <input type="email" for="email" id="email"> 
+</p>
+
     
+<button>Submit</button>
 
 
 

From 772099e53c7a9569e2bfd3b6d315ea8fc8c61667 Mon Sep 17 00:00:00 2001
From: Taha Elmahmoudi <Taha.elmahmoudi1@gmail.com>
Date: Sat, 19 Sep 2026 14:55:43 +0100
Subject: [PATCH 3/7] Restructure form elements and fix label typos in
 index.html

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 60a3a0dd6..22dc11e63 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -19,17 +19,32 @@ <h1>Product Pick</h1>
         <!-- 
           try writing out the requirements first as comments
         this will also help you fill in your PR message later-->
-
+<fieldset>
+  <legend>Customer Details</legend>
         <p>
-<label for="name">Name</label>
-        <input pattern="`.*\S.*\S.*`" type="text" for="name" id="name"> 
+           <label for="name">Name</label>
+           <input pattern="`.*\S.*\S.*`" type="text" for="name" id="name"> 
         </p>
-
         
         <p>
-        <lable>Email</lable>
-        <input type="email" for="email" id="email"> 
-</p>
+          <lable>Email</lable>
+          <input type="email" for="email" id="email"> 
+        </p>   
+</fieldset>
+
+<fieldset>
+<legend>Choose a Color</legend>
+  <lable >Red</lable>
+  <input type="radio" id="Red" name="color" value="red" required>
+
+  <lable >white</lable>
+  <input type="radio" id="white" name="color" value="white" required>
+
+  <lable >Black</lable>
+  <input type="radio" id="black" name="color" value="black" required>
+
+</fieldset>
+        
 
     
 <button>Submit</button>

From ece897d41e812f02a0592cb5b8ae6fa641ba87e7 Mon Sep 17 00:00:00 2001
From: Taha Elmahmoudi <Taha.elmahmoudi1@gmail.com>
Date: Sat, 19 Sep 2026 14:59:53 +0100
Subject: [PATCH 4/7] Add size selection fieldset to form in index.html

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 22dc11e63..af2b40bd2 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -43,6 +43,17 @@ <h1>Product Pick</h1>
   <lable >Black</lable>
   <input type="radio" id="black" name="color" value="black" required>
 
+</fieldset>
+
+<fieldset>
+<legend>Choose a Size</legend>
+
+<label>Size</label>
+<select id="size" name="size" required>Select a Size</select>
+
+
+
+
 </fieldset>
         
 

From 6c25d0455b5517589aefee98da63f7147de421e5 Mon Sep 17 00:00:00 2001
From: Taha Elmahmoudi <Taha.elmahmoudi1@gmail.com>
Date: Sat, 19 Sep 2026 15:05:45 +0100
Subject: [PATCH 5/7] Add size selection options to the form in index.html

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index af2b40bd2..4355df4e1 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -49,8 +49,16 @@ <h1>Product Pick</h1>
 <legend>Choose a Size</legend>
 
 <label>Size</label>
-<select id="size" name="size" required>Select a Size</select>
-
+<select id="size" name="size" required>
+<option value="" disabled selected>Select a Size</option>
+<option value="XS">XS</option>
+<option value="S">S</option>
+<option value="M">M</option>
+<option value="L">L</option>
+<option value="XL">XL</option>
+<option value="XXL">XXL</option>
+
+</select>
 
 
 

From 775f697b04e836f6e54f5d896aa821183b06df63 Mon Sep 17 00:00:00 2001
From: Taha Elmahmoudi <Taha.elmahmoudi1@gmail.com>
Date: Sat, 19 Sep 2026 15:08:30 +0100
Subject: [PATCH 6/7] Fix button type and clean up size selection field in
 index.html

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 4355df4e1..740aaa7e6 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -47,33 +47,21 @@ <h1>Product Pick</h1>
 
 <fieldset>
 <legend>Choose a Size</legend>
-
-<label>Size</label>
-<select id="size" name="size" required>
-<option value="" disabled selected>Select a Size</option>
-<option value="XS">XS</option>
-<option value="S">S</option>
-<option value="M">M</option>
-<option value="L">L</option>
-<option value="XL">XL</option>
-<option value="XXL">XXL</option>
-
-</select>
-
-
-
+  <label>Size</label>
+  <select id="size" name="size" required>
+    <option value="" disabled selected>Select a Size</option>
+    <option value="XS">XS</option>
+    <option value="S">S</option>
+    <option value="M">M</option>
+    <option value="L">L</option>
+    <option value="XL">XL</option>
+    <option value="XXL">XXL</option>
+  </select>
 </fieldset>
         
 
     
-<button>Submit</button>
-
-
-
-
-
-
-
+<button type="submit">Submit</button>
 
       </form>
     </main>

From fc45f4c765f0cb971a261143c44b673776b450b1 Mon Sep 17 00:00:00 2001
From: Taha Elmahmoudi <Taha.elmahmoudi1@gmail.com>
Date: Sat, 19 Sep 2026 15:11:41 +0100
Subject: [PATCH 7/7] Fix input pattern for name field and update footer author
 name in index.html

---
 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 740aaa7e6..27e7cf205 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -23,7 +23,7 @@ <h1>Product Pick</h1>
   <legend>Customer Details</legend>
         <p>
            <label for="name">Name</label>
-           <input pattern="`.*\S.*\S.*`" type="text" for="name" id="name"> 
+           <input pattern=".*\S.*\S.*" type="text" for="name" id="name" required> 
         </p>
         
         <p>
@@ -67,7 +67,7 @@ <h1>Product Pick</h1>
     </main>
     <footer>
       <!-- change to your name-->
-      <p>By HOMEWORK SOLUTION</p>
+      <p>By Taha Elmahmoudi</p>
     </footer>
   </body>
 </html>