From 397c511f35ddcaf13fcf01d3418761e52e903269 Mon Sep 17 00:00:00 2001
From: Phoebe Wong <selenephoebe@gmail.com>
Date: Tue, 8 Sep 2026 00:07:23 +0100
Subject: [PATCH 1/8] Add field for customer name

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 74b591ffc..fdfb8d071 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -13,7 +13,15 @@ <h1>Product Pick</h1>
     </header>
     <main>
       <form>
-        <!-- write your html here-->
+        <!-- Field for Customer’s Name-->
+         <label for="name">Name:</label>
+        <input type="text" id="name" name="customer_name">
+
+        <!-- Field for Customer’s Email-->
+        
+
+        <!-- Radio Button for T-shirt Color-->
+        <!-- Radio Button for T-shirt Size-->
         <!-- 
           try writing out the requirements first as comments
         this will also help you fill in your PR message later-->

From e3b0d4d84a1373261b3ccf9dfedf1ab3d2cf0d49 Mon Sep 17 00:00:00 2001
From: Phoebe Wong <selenephoebe@gmail.com>
Date: Tue, 8 Sep 2026 00:07:58 +0100
Subject: [PATCH 2/8] Add field for customer email

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index fdfb8d071..699a8190d 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -18,7 +18,8 @@ <h1>Product Pick</h1>
         <input type="text" id="name" name="customer_name">
 
         <!-- Field for Customer’s Email-->
-        
+        <label for="email">Email:</label>
+        <input type="email" id="email" name="customer_email">
 
         <!-- Radio Button for T-shirt Color-->
         <!-- Radio Button for T-shirt Size-->

From 54e6c7f4422b8c967a32ac17cd2a90adda4e5288 Mon Sep 17 00:00:00 2001
From: Phoebe Wong <selenephoebe@gmail.com>
Date: Tue, 8 Sep 2026 00:16:20 +0100
Subject: [PATCH 3/8] Add Radio Button for T-shirt Colour

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 699a8190d..3dc54648b 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -14,14 +14,30 @@ <h1>Product Pick</h1>
     <main>
       <form>
         <!-- Field for Customer’s Name-->
-         <label for="name">Name:</label>
+        <div>
+        <label for="name">Name:</label>
         <input type="text" id="name" name="customer_name">
-
+         </div>
+         
         <!-- Field for Customer’s Email-->
+        <div>
         <label for="email">Email:</label>
         <input type="email" id="email" name="customer_email">
+        </div>
+
+        <!-- Radio Button for T-shirt Colour-->
+        <div>
+          <fieldset>
+            <legend>T-shirt Colour:</legend>
+            <input type="radio" id="colour" name="tshirt_colour" value="red">
+            <label for="colour">Red</label>
+            <input type="radio" id="colour2" name="tshirt_colour" value="yellow">
+            <label for="colour2">Yellow</label>
+            <input type="radio" id="colour3" name="tshirt_colour" value="green">
+            <label for="colour3">Green</label>
+          </fieldset>
+        </div>
 
-        <!-- Radio Button for T-shirt Color-->
         <!-- Radio Button for T-shirt Size-->
         <!-- 
           try writing out the requirements first as comments

From 5be615ae1a7c5f163221e01d113b1cee69be7ea8 Mon Sep 17 00:00:00 2001
From: Phoebe Wong <selenephoebe@gmail.com>
Date: Tue, 8 Sep 2026 00:29:53 +0100
Subject: [PATCH 4/8] Add Radio Button for T-shirt Size

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 3dc54648b..7fc777e14 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -26,7 +26,6 @@ <h1>Product Pick</h1>
         </div>
 
         <!-- Radio Button for T-shirt Colour-->
-        <div>
           <fieldset>
             <legend>T-shirt Colour:</legend>
             <input type="radio" id="colour" name="tshirt_colour" value="red">
@@ -36,12 +35,45 @@ <h1>Product Pick</h1>
             <input type="radio" id="colour3" name="tshirt_colour" value="green">
             <label for="colour3">Green</label>
           </fieldset>
-        </div>
+        
 
         <!-- Radio Button for T-shirt Size-->
+          <fieldset>
+            <legend>T-shirt Size:</legend>
+            <div>
+              <input type="radio" id="size" name="tshirt_size" value="small">
+              <label for="size">XS</label>
+            </div>
+            
+            <div>
+              <input type="radio" id="size2" name="tshirt_size" value="medium">
+              <label for="size2">S</label>
+            </div>
+
+            <div>
+              <input type="radio" id="size3" name="tshirt_size" value="large">
+              <label for="size3">M</label>
+            </div>
+
+            <div>
+              <input type="radio" id="size4" name="tshirt_size" value="xlarge">
+              <label for="size4">L</label>
+            </div>
+
+            <div>
+              <input type="radio" id="size5" name="tshirt_size" value="xxlarge">
+              <label for="size5">XL</label>              
+            </div>
+
+            <div>
+              <input type="radio" id="size6" name="tshirt_size" value="xxxlarge">
+              <label for="size6">XXL</label>
+            </div>
+
+          </fieldset>
         <!-- 
           try writing out the requirements first as comments
-        this will also help you fill in your PR message later-->
+        this will also help you fill in your PR message laterß-->
       </form>
     </main>
     <footer>

From 1960913eae65b958b7c88f9c2899ce4197294113 Mon Sep 17 00:00:00 2001
From: Phoebe Wong <selenephoebe@gmail.com>
Date: Tue, 8 Sep 2026 00:30:43 +0100
Subject: [PATCH 5/8] Change to my own name

---
 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 7fc777e14..141417e68 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -78,7 +78,7 @@ <h1>Product Pick</h1>
     </main>
     <footer>
       <!-- change to your name-->
-      <p>By HOMEWORK SOLUTION</p>
+      <p>By Phoebe Wong</p>
     </footer>
   </body>
 </html>

From b80c6c0544f8809ea6d1962725c56bc0293efa63 Mon Sep 17 00:00:00 2001
From: Phoebe Wong <selenephoebe@gmail.com>
Date: Tue, 8 Sep 2026 00:42:09 +0100
Subject: [PATCH 6/8] Add Submit and Reset Button

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 141417e68..3a4ca86f8 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -43,35 +43,40 @@ <h1>Product Pick</h1>
             <div>
               <input type="radio" id="size" name="tshirt_size" value="small">
               <label for="size">XS</label>
-            </div>
+              </div>
             
             <div>
               <input type="radio" id="size2" name="tshirt_size" value="medium">
               <label for="size2">S</label>
-            </div>
+              </div>
 
             <div>
               <input type="radio" id="size3" name="tshirt_size" value="large">
               <label for="size3">M</label>
-            </div>
+              </div>
 
             <div>
               <input type="radio" id="size4" name="tshirt_size" value="xlarge">
               <label for="size4">L</label>
-            </div>
+              </div>
 
             <div>
               <input type="radio" id="size5" name="tshirt_size" value="xxlarge">
               <label for="size5">XL</label>              
-            </div>
+              </div>
 
             <div>
               <input type="radio" id="size6" name="tshirt_size" value="xxxlarge">
               <label for="size6">XXL</label>
-            </div>
+              </div>
 
           </fieldset>
-        <!-- 
+        <!-- Submit and Reset Buttons-->
+         <p>
+          <input type="submit" value="Submit">
+          <input type="reset" value="Reset">
+          </p>
+          <!-- 
           try writing out the requirements first as comments
         this will also help you fill in your PR message laterß-->
       </form>

From e76ec4bea44336fb15fefdcd63be63f36d77f144 Mon Sep 17 00:00:00 2001
From: Phoebe Wong <selenephoebe@gmail.com>
Date: Tue, 8 Sep 2026 00:49:51 +0100
Subject: [PATCH 7/8] Make all questions required

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 3a4ca86f8..4077dff25 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -13,22 +13,25 @@ <h1>Product Pick</h1>
     </header>
     <main>
       <form>
+        <p>
+          Please fill out the form below to order your T-shirt. Fields marked with an asterisk (*) are required.
+        </p>
         <!-- Field for Customer’s Name-->
         <div>
-        <label for="name">Name:</label>
-        <input type="text" id="name" name="customer_name">
+        <label for="name">Name*:</label>
+        <input type="text" id="name" name="customer_name" required>
          </div>
          
         <!-- Field for Customer’s Email-->
         <div>
-        <label for="email">Email:</label>
-        <input type="email" id="email" name="customer_email">
+        <label for="email">Email*:</label>
+        <input type="email" id="email" name="customer_email" required>
         </div>
 
         <!-- Radio Button for T-shirt Colour-->
           <fieldset>
-            <legend>T-shirt Colour:</legend>
-            <input type="radio" id="colour" name="tshirt_colour" value="red">
+            <legend>T-shirt Colour*:</legend>
+            <input type="radio" id="colour" name="tshirt_colour" value="red" required>
             <label for="colour">Red</label>
             <input type="radio" id="colour2" name="tshirt_colour" value="yellow">
             <label for="colour2">Yellow</label>
@@ -39,9 +42,9 @@ <h1>Product Pick</h1>
 
         <!-- Radio Button for T-shirt Size-->
           <fieldset>
-            <legend>T-shirt Size:</legend>
+            <legend>T-shirt Size*:</legend>
             <div>
-              <input type="radio" id="size" name="tshirt_size" value="small">
+              <input type="radio" id="size" name="tshirt_size" value="small" required>
               <label for="size">XS</label>
               </div>
             

From 531582ea4ac25555a351417990f6baf9a8f5d362 Mon Sep 17 00:00:00 2001
From: Phoebe Wong <selenephoebe@gmail.com>
Date: Tue, 8 Sep 2026 01:06:54 +0100
Subject: [PATCH 8/8] Add regex for name

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 4077dff25..cadf73d4f 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -19,7 +19,8 @@ <h1>Product Pick</h1>
         <!-- Field for Customer’s Name-->
         <div>
         <label for="name">Name*:</label>
-        <input type="text" id="name" name="customer_name" required>
+        <input type="text" id="name" name="customer_name" required pattern=".*\S.*\S.*">
+        <i>(at least 2 characters)</i>
          </div>
          
         <!-- Field for Customer’s Email-->