From fc09d4a3f60a16dac571ba7708ea45260f6f67ff Mon Sep 17 00:00:00 2001
From: maryam-devio <maryamjanjua65@gmail.com>
Date: Fri, 5 Jun 2026 09:00:54 +0100
Subject: [PATCH 1/5] Adding name and email fields

---
 Form-Controls/index.html | 24 ++++++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)
diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 74b591ffc..9745b1e30 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -1,3 +1,9 @@
+<!-- Customer name (required, at least 2 non-space characters) -->
+<!-- Customer email (required, valid email) -->
+<!-- T-shirt colour (required, choose 1 of 3 colours) -->
+<!-- T-shirt size (required, choose 1 of XS, S, M, L, XL, XXL) -->
+<!-- Submit button -->
+
 <!DOCTYPE html>
 <html lang="en">
   <head>
@@ -13,10 +19,20 @@ <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="name">Name</label>
+        <input
+        type="text"
+        id="name"
+        name="name"
+        required pattern=".*\S.*\S.*"
+        />
+        <label for="email">Email</label>
+        <input
+        type="email"
+        id="email"
+        name="name"
+        required
+        />
       </form>
     </main>
     <footer>

From 23f8042db865cdf0a14ae985cada44c37d8e44e7 Mon Sep 17 00:00:00 2001
From: maryam-devio <maryamjanjua65@gmail.com>
Date: Fri, 5 Jun 2026 09:17:33 +0100
Subject: [PATCH 2/5] Added commit fields.

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 9745b1e30..c5774e9b2 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -33,6 +33,15 @@ <h1>Product Pick</h1>
         name="name"
         required
         />
+        <fieldset> 
+          <legend>Choose T-shirt Colour</legend>
+          <input type="radio" id="purple" name="colour" value="purple" required>
+          <label for="purple">Purple</label>
+          <input type="radio" id="white" name="colour" value="white" required>
+          <label for="white">White</label>
+          <input type="radio" id="black" name="colour" value="black" required>
+          <label for="black">Black</label>
+        </fieldset>
       </form>
     </main>
     <footer>

From 8acffaee0a9bfb67deed68cbfaa485141ddc989e Mon Sep 17 00:00:00 2001
From: maryam-devio <maryamjanjua65@gmail.com>
Date: Fri, 5 Jun 2026 09:55:46 +0100
Subject: [PATCH 3/5] Add size field

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index c5774e9b2..140ac178c 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -42,6 +42,22 @@ <h1>Product Pick</h1>
           <input type="radio" id="black" name="colour" value="black" required>
           <label for="black">Black</label>
         </fieldset>
+        <fieldset> 
+          <legend>Choose T-shirt Size</legend>
+          <input type="radio" id="xs" name="size" value="xs" required>
+          <label for="xs">XS</label>
+          <input type="radio" id="s" name="size" value="s">
+          <label for="s">S</label>
+          <input type="radio" id="m" name="size" value="M">
+          <label for="m">M</label>
+          <input type="radio" id="l" name="size" value="l">
+          <label for="l">L</label>
+          <input type="radio" id="xl" name="size" value="xl">
+          <label for="xl">XL</label>
+          <input type="radio" id="xxl" name="size" value="xxl">
+          <label for="xxl">XXL</label>
+        </fieldset>
+        <button type="submit">Submit</button>
       </form>
     </main>
     <footer>

From bbb159788d18feaf614680af437de6897428e6a0 Mon Sep 17 00:00:00 2001
From: maryam-devio <maryamjanjua65@gmail.com>
Date: Fri, 5 Jun 2026 10:08:20 +0100
Subject: [PATCH 4/5] Completed the form control task.

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 140ac178c..ea1b4bdf7 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -1,3 +1,4 @@
+<!--Tasks-->
 <!-- Customer name (required, at least 2 non-space characters) -->
 <!-- Customer email (required, valid email) -->
 <!-- T-shirt colour (required, choose 1 of 3 colours) -->
@@ -19,6 +20,7 @@ <h1>Product Pick</h1>
     </header>
     <main>
       <form>
+        <!--Customer Name-->
         <label for="name">Name</label>
         <input
         type="text"
@@ -26,43 +28,46 @@ <h1>Product Pick</h1>
         name="name"
         required pattern=".*\S.*\S.*"
         />
+        <!--Customer Email-->
         <label for="email">Email</label>
         <input
         type="email"
         id="email"
-        name="name"
+        name="email"
         required
         />
-        <fieldset> 
+        <fieldset>
+          <!--Select T-shirt colour-->
           <legend>Choose T-shirt Colour</legend>
           <input type="radio" id="purple" name="colour" value="purple" required>
           <label for="purple">Purple</label>
-          <input type="radio" id="white" name="colour" value="white" required>
+          <input type="radio" id="white" name="colour" value="white">
           <label for="white">White</label>
-          <input type="radio" id="black" name="colour" value="black" required>
+          <input type="radio" id="black" name="colour" value="black">
           <label for="black">Black</label>
         </fieldset>
-        <fieldset> 
+        <fieldset>
+          <!--Select Size-->
           <legend>Choose T-shirt Size</legend>
-          <input type="radio" id="xs" name="size" value="xs" required>
+          <input type="radio" id="xs" name="size" value="XS" required>
           <label for="xs">XS</label>
-          <input type="radio" id="s" name="size" value="s">
+          <input type="radio" id="s" name="size" value="S">
           <label for="s">S</label>
           <input type="radio" id="m" name="size" value="M">
           <label for="m">M</label>
-          <input type="radio" id="l" name="size" value="l">
+          <input type="radio" id="l" name="size" value="L">
           <label for="l">L</label>
-          <input type="radio" id="xl" name="size" value="xl">
+          <input type="radio" id="xl" name="size" value="XL">
           <label for="xl">XL</label>
-          <input type="radio" id="xxl" name="size" value="xxl">
+          <input type="radio" id="xxl" name="size" value="XXL">
           <label for="xxl">XXL</label>
         </fieldset>
-        <button type="submit">Submit</button>
+        <button type="submit">Submit Order</button>
       </form>
     </main>
     <footer>
       <!-- change to your name-->
-      <p>By HOMEWORK SOLUTION</p>
+      <p>Maryam Janjua</p>
     </footer>
   </body>
 </html>

From baee39ab865e3632aad581f3dc0cb8404e78c2e8 Mon Sep 17 00:00:00 2001
From: maryam-devio <maryamjanjua65@gmail.com>
Date: Fri, 5 Jun 2026 12:58:04 +0100
Subject: [PATCH 5/5] removing checklist errors

