From 2c6f76c553d8b125c01961d05084544105d2ef2b Mon Sep 17 00:00:00 2001
From: fatimarouchi <fatima.aouil@hotmail.com>
Date: Tue, 26 May 2026 17:13:38 +0100
Subject: [PATCH 1/6] add customer name field

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 74b591ffc..d66622899 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -13,15 +13,18 @@ <h1>Product Pick</h1>
     </header>
     <main>
       <form>
-        <!-- 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 customer name -->
+        <!-- label for customer email -->
+        <!-- label for T-Shirt color -->
+        <!-- label for T-Shirt size -->
+         <!-- submit button -->
+          <label for="name">Name:</label>
+          <input type="text" id="name" name="name" required pattern=".*\S.*\S.*"><br><br>
       </form>
     </main>
     <footer>
       <!-- change to your name-->
-      <p>By HOMEWORK SOLUTION</p>
+      <p>By Fatima Rouchi</p>
     </footer>
   </body>
 </html>

From 684a5a068a272379301fea9ffb008f94a3906ebf Mon Sep 17 00:00:00 2001
From: fatimarouchi <fatima.aouil@hotmail.com>
Date: Tue, 26 May 2026 17:16:42 +0100
Subject: [PATCH 2/6] Add customer email field

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index d66622899..7988b9a8a 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -20,6 +20,8 @@ <h1>Product Pick</h1>
          <!-- submit button -->
           <label for="name">Name:</label>
           <input type="text" id="name" name="name" required pattern=".*\S.*\S.*"><br><br>
+          <label for="email">Email:</label>
+          <input type="email" id="email" name="email" required><br><br>
       </form>
     </main>
     <footer>

From 89943a49afae26e1c73e76ca894be3801499756c Mon Sep 17 00:00:00 2001
From: fatimarouchi <fatima.aouil@hotmail.com>
Date: Tue, 26 May 2026 17:21:51 +0100
Subject: [PATCH 3/6] Add T-shirt color options

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 7988b9a8a..d56cb05cb 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -22,6 +22,17 @@ <h1>Product Pick</h1>
           <input type="text" id="name" name="name" required pattern=".*\S.*\S.*"><br><br>
           <label for="email">Email:</label>
           <input type="email" id="email" name="email" required><br><br>
+          <fieldset>
+            <legend>T-Shirt Color:</legend>
+            <input type="radio" id="red" name="color" value="red" required>
+            <label for="red">Red</label><br>
+            <input type="radio" id="blue" name="color" value="blue">
+            <label for="blue">Blue</label><br>
+            <input type="radio" id="green" name="color" value="green">
+            <label for="green">Green</label><br>
+          </fieldset>
+          <br> 
+         
       </form>
     </main>
     <footer>

From e69848f4083aced596447964fefa31f7674009fc Mon Sep 17 00:00:00 2001
From: fatimarouchi <fatima.aouil@hotmail.com>
Date: Tue, 26 May 2026 17:41:13 +0100
Subject: [PATCH 4/6] Add T-shirt size options

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index d56cb05cb..78b8038a2 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -30,8 +30,22 @@ <h1>Product Pick</h1>
             <label for="blue">Blue</label><br>
             <input type="radio" id="green" name="color" value="green">
             <label for="green">Green</label><br>
-          </fieldset>
-          <br> 
+          </fieldset><br>
+          <fieldset>
+            <legend>T-Shirt Size:</legend>
+            <input type="radio" id="extra small" name="size" value="XS">
+            <label for="extra small">XS</label><br>
+            <input type="radio" id="small" name="size" value="S">
+            <label for="small">S</label><br>
+            <input type="radio" id="medium" name="size" value="M">
+            <label for="medium">M</label><br>
+            <input type="radio" id="large" name="size" value="L">
+            <label for="large">L</label><br>
+            <input type="radio" id="extra large" name="size" value="XL">
+            <label for="extra large">XL</label><br>
+            <input type="radio" id="extra extra large" name="size" value="XXL">
+            <label for="extra extra large">XXL</label><br>
+          </fieldset><br>
          
       </form>
     </main>

From 3fd8326471e24530ad681b8d15f6d15db5e9ac32 Mon Sep 17 00:00:00 2001
From: fatimarouchi <fatima.aouil@hotmail.com>
Date: Tue, 26 May 2026 17:46:24 +0100
Subject: [PATCH 5/6] Add submit button

---
 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 78b8038a2..4caaddf9a 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -46,7 +46,7 @@ <h1>Product Pick</h1>
             <input type="radio" id="extra extra large" name="size" value="XXL">
             <label for="extra extra large">XXL</label><br>
           </fieldset><br>
-         
+          <input type="submit" value="Place Order">
       </form>
     </main>
     <footer>

From 88569b015f51eae9ab9bd827737280f023dddf08 Mon Sep 17 00:00:00 2001
From: fatimarouchi <fatima.aouil@hotmail.com>
Date: Tue, 26 May 2026 19:03:36 +0100
Subject: [PATCH 6/6] remove white space from size IDs ( XS XL XXL)

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 4caaddf9a..de2028553 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -1,11 +1,11 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta charset="utf-8"/>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <title>My form exercise</title>
-    <meta name="description" content="" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="description" content="A simple form exercise"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1"/>
   </head>
   <body>
     <header>
@@ -33,18 +33,18 @@ <h1>Product Pick</h1>
           </fieldset><br>
           <fieldset>
             <legend>T-Shirt Size:</legend>
-            <input type="radio" id="extra small" name="size" value="XS">
-            <label for="extra small">XS</label><br>
+            <input type="radio" id="extra-small" name="size" value="XS" required>
+            <label for="extra-small">XS</label><br>
             <input type="radio" id="small" name="size" value="S">
             <label for="small">S</label><br>
             <input type="radio" id="medium" name="size" value="M">
             <label for="medium">M</label><br>
             <input type="radio" id="large" name="size" value="L">
             <label for="large">L</label><br>
-            <input type="radio" id="extra large" name="size" value="XL">
-            <label for="extra large">XL</label><br>
-            <input type="radio" id="extra extra large" name="size" value="XXL">
-            <label for="extra extra large">XXL</label><br>
+            <input type="radio" id="extra-large" name="size" value="XL">
+            <label for="extra-large">XL</label><br>
+            <input type="radio" id="extra-extra-large" name="size" value="XXL">
+            <label for="extra-extra-large">XXL</label><br>
           </fieldset><br>
           <input type="submit" value="Place Order">
       </form>