From d43171d1568e50725ea038da655b02b9ec26fa1e Mon Sep 17 00:00:00 2001
From: christelleb <christelleboten@gmail.com>
Date: Sat, 23 May 2026 13:29:14 +0100
Subject: [PATCH 01/10] Added name, email and size option

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 74b591ffc..a9a6a4f9c 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -14,6 +14,29 @@ <h1>Product Pick</h1>
     <main>
       <form>
         <!-- write your html here-->
+         <p>
+          <label for="name"> Name:</label>
+          <input type="text" id="name" name="user_name" required/>
+         </p>
+         <p>
+          <label for="mail">Email: </label>
+          <input type="email" id="mail" name="user_name" required/>
+         </p>
+         <p>
+          <label for="size">
+            <span> Choose your size:</span>
+          </label>
+          <select id="size" name="user-size">
+            <option value="xs">XS</option>
+            <option value="small">S</option>
+            <option value="mid">M</option>
+            <option value="large">L</option>
+            <option value="xl">XL</option>
+            <option value="xxl">XXL</option>
+
+          </select>
+         </p>
+
         <!-- 
           try writing out the requirements first as comments
         this will also help you fill in your PR message later-->

From 73c14b00ab1f579ff2c587d88abcf57db25950fe Mon Sep 17 00:00:00 2001
From: christelleb <christelleboten@gmail.com>
Date: Sat, 23 May 2026 13:42:39 +0100
Subject: [PATCH 02/10] Added a submit and reset button

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index a9a6a4f9c..ee57a3451 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -26,16 +26,22 @@ <h1>Product Pick</h1>
           <label for="size">
             <span> Choose your size:</span>
           </label>
-          <select id="size" name="user-size">
+          <select id="size" name="user-size" required>
+            <option value="">--Select--</option>
             <option value="xs">XS</option>
-            <option value="small">S</option>
-            <option value="mid">M</option>
-            <option value="large">L</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>
          </p>
+         <p class="button">
+          <button type ="submit">Submit</button>
+          <button type="reset">Reset</button>
+
+         </p>
 
         <!-- 
           try writing out the requirements first as comments

From a3eb470d19e4e9cdaa76139f71175b755d47081f Mon Sep 17 00:00:00 2001
From: christelleb <christelleboten@gmail.com>
Date: Sat, 23 May 2026 13:58:42 +0100
Subject: [PATCH 03/10] Added radio  options for colours

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index ee57a3451..f34458e0d 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -22,6 +22,24 @@ <h1>Product Pick</h1>
           <label for="mail">Email: </label>
           <input type="email" id="mail" name="user_name" required/>
          </p>
+         <p>
+          <fieldset>
+            <legend> Please choose a colour:</legend>
+            <p>
+              <input type="radio" name="colour" id="white" value="white" required/>
+              <label for="colour">White</label>
+            </p>
+            <p>
+              <input type="radio" name="colour" id="black" value="black" required/>
+              <label for="colour">Black</label>
+            </p>
+            <p>
+              <input type="radio" name="colour" id="red" value="red" required/>
+              <label for="colour">Red</label>
+            </p>
+            
+          </fieldset>
+         </p>
          <p>
           <label for="size">
             <span> Choose your size:</span>

From c968b94a6b2a614492eafac4e35808a5e737811f Mon Sep 17 00:00:00 2001
From: christelleb <christelleboten@gmail.com>
Date: Sat, 23 May 2026 14:10:45 +0100
Subject: [PATCH 04/10] Adjusted the name field to have at least 2 non space
 characters

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index f34458e0d..956713243 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -16,7 +16,7 @@ <h1>Product Pick</h1>
         <!-- write your html here-->
          <p>
           <label for="name"> Name:</label>
-          <input type="text" id="name" name="user_name" required/>
+          <input type="text" id="name" name="user_name" required pattern=".*\S.*\S.*" title="Please enter at least 2 non-space characters"/>
          </p>
          <p>
           <label for="mail">Email: </label>
@@ -63,12 +63,16 @@ <h1>Product Pick</h1>
 
         <!-- 
           try writing out the requirements first as comments
+          - What is the customer's name? I must collect this data and ensure it contains at least two non-space characters.
+          -What is the customer's email? I must make sure the email is valid. Email addresses follow a consistent pattern.
+          - What colour should this T-shirt be? I must provide 3 options. How will I ensure they do not choose other colours?
+          - What size does the customer want? I must provide the following 6 options: XS, S, M, L, XL, XXL
         this will also help you fill in your PR message later-->
       </form>
     </main>
     <footer>
       <!-- change to your name-->
-      <p>By HOMEWORK SOLUTION</p>
+      <p>By Christelle Boten</p>
     </footer>
   </body>
 </html>

From 0c05c6795d22d2eddb37c8ac50306986dc05e4cc Mon Sep 17 00:00:00 2001
From: christelleb <christelleboten@gmail.com>
Date: Sat, 23 May 2026 14:21:44 +0100
Subject: [PATCH 05/10] Adjusted the labels in colours section

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 956713243..65531eaf3 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -26,16 +26,16 @@ <h1>Product Pick</h1>
           <fieldset>
             <legend> Please choose a colour:</legend>
             <p>
-              <input type="radio" name="colour" id="white" value="white" required/>
               <label for="colour">White</label>
+              <input type="radio" name="colour" id="white" value="white" required/>              
             </p>
             <p>
-              <input type="radio" name="colour" id="black" value="black" required/>
               <label for="colour">Black</label>
+              <input type="radio" name="colour" id="black" value="black" required/>              
             </p>
             <p>
-              <input type="radio" name="colour" id="red" value="red" required/>
               <label for="colour">Red</label>
+              <input type="radio" name="colour" id="red" value="red" required/>              
             </p>
             
           </fieldset>

From bcb1bfcd5f9f5fec669387fe4e14116ebcd561ec Mon Sep 17 00:00:00 2001
From: christelleb <christelleboten@gmail.com>
Date: Sat, 23 May 2026 14:26:27 +0100
Subject: [PATCH 06/10] Update on colour section

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 65531eaf3..4e380003c 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -27,15 +27,15 @@ <h1>Product Pick</h1>
             <legend> Please choose a colour:</legend>
             <p>
               <label for="colour">White</label>
-              <input type="radio" name="colour" id="white" value="white" required/>              
+              <input type="radio" name="colour" id="colour" value="white" required/>              
             </p>
             <p>
               <label for="colour">Black</label>
-              <input type="radio" name="colour" id="black" value="black" required/>              
+              <input type="radio" name="colour" id="colour" value="black" required/>              
             </p>
             <p>
               <label for="colour">Red</label>
-              <input type="radio" name="colour" id="red" value="red" required/>              
+              <input type="radio" name="colour" id="colour" value="red" required/>              
             </p>
             
           </fieldset>

From 88b1753525d1965a570344c113bd9c1b2f2213a8 Mon Sep 17 00:00:00 2001
From: christelleb <christelleboten@gmail.com>
Date: Sat, 23 May 2026 14:37:18 +0100
Subject: [PATCH 07/10] Update

---
 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 4e380003c..98386a156 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -22,7 +22,7 @@ <h1>Product Pick</h1>
           <label for="mail">Email: </label>
           <input type="email" id="mail" name="user_name" required/>
          </p>
-         <p>
+         
           <fieldset>
             <legend> Please choose a colour:</legend>
             <p>
@@ -39,7 +39,7 @@ <h1>Product Pick</h1>
             </p>
             
           </fieldset>
-         </p>
+         
          <p>
           <label for="size">
             <span> Choose your size:</span>

From 0f5d528c0862a55d02bdac55aba7e1e45ccb226b Mon Sep 17 00:00:00 2001
From: christelleb <christelleboten@gmail.com>
Date: Sat, 23 May 2026 14:47:47 +0100
Subject: [PATCH 08/10] New commit

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 98386a156..f5731772e 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -27,15 +27,15 @@ <h1>Product Pick</h1>
             <legend> Please choose a colour:</legend>
             <p>
               <label for="colour">White</label>
-              <input type="radio" name="colour" id="colour" value="white" required/>              
+              <input type="radio" name="colour" id="white" value="white" required/>              
             </p>
             <p>
               <label for="colour">Black</label>
-              <input type="radio" name="colour" id="colour" value="black" required/>              
+              <input type="radio" name="colour" id="black" value="black" required/>              
             </p>
             <p>
               <label for="colour">Red</label>
-              <input type="radio" name="colour" id="colour" value="red" required/>              
+              <input type="radio" name="colour" id="red" value="red" required/>              
             </p>
             
           </fieldset>

From 9073edaf7ebee098f0839a6009789c67ef946a92 Mon Sep 17 00:00:00 2001
From: christelleb <christelleboten@gmail.com>
Date: Sat, 23 May 2026 14:59:26 +0100
Subject: [PATCH 09/10] new commit on colour

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index f5731772e..429a17293 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -26,16 +26,22 @@ <h1>Product Pick</h1>
           <fieldset>
             <legend> Please choose a colour:</legend>
             <p>
-              <label for="colour">White</label>
-              <input type="radio" name="colour" id="white" value="white" required/>              
+              <label>
+                <input type="radio" name="colour" value="white" required>
+                White
+              </label>          
             </p>
             <p>
-              <label for="colour">Black</label>
-              <input type="radio" name="colour" id="black" value="black" required/>              
+              <label>
+                <input type="radio" name="colour" value="black" required>
+                Black
+              </label>          
             </p>
             <p>
-              <label for="colour">Red</label>
-              <input type="radio" name="colour" id="red" value="red" required/>              
+              <label>
+                <input type="radio" name="colour" value="red" required>
+                Red
+              </label>          
             </p>
             
           </fieldset>

From fa92b0ae007af6ef4d4c4730838398583440f0d4 Mon Sep 17 00:00:00 2001
From: christelleb <christelleboten@gmail.com>
Date: Sun, 24 May 2026 07:41:43 +0100
Subject: [PATCH 10/10] Added a meta description

---
 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 429a17293..795592cdc 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <title>My form exercise</title>
-    <meta name="description" content="" />
+    <meta name="description" content="Christelle's form which allows customers to fill their details and the kind of T shirt they like." />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
   </head>
   <body>