From 6da190e1f1c43ca53f42dd64b6c0ad1247e8b17f Mon Sep 17 00:00:00 2001
From: Daniel Aderibigbe <danieladeribigbe07@gmail.com>
Date: Sat, 17 Jan 2026 16:10:40 +0000
Subject: [PATCH 1/3] Created the form to match the required task.

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 65a866cdb..26b1afdaa 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -13,15 +13,114 @@ <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-->
+        <fieldset>
+          <legend>Customer details</legend>
+
+          <label for="name">Name:</label>
+          <input
+            type="text"
+            id="name"
+            required
+            name="customerName"
+            minlength="2"
+          />
+          <br /><br />
+          <label for="email">Email:</label>
+          <input type="email" id="email" required name="customerEmail" />
+        </fieldset>
+
+        <br />
+        <fieldset>
+          <legend>T-Shirt Colour</legend>
+
+          <div>
+            <input
+              type="radio"
+              id="colourBlack"
+              name="tshirtColour"
+              value="black"
+              required
+            />
+            <label for="colourBlack">Black</label>
+          </div>
+
+          <br />
+
+          <div>
+            <input
+              type="radio"
+              id="colourWhite"
+              name="tshirtColour"
+              value="white"
+            />
+            <label for="colourWhite">White</label>
+          </div>
+
+          <br />
+
+          <div>
+            <input
+              type="radio"
+              id="colourBlue"
+              name="tshirtColour"
+              value="blue"
+            />
+            <label for="colourBlue">Blue</label>
+          </div>
+        </fieldset>
+
+        <fieldset>
+          <legend>T-Shirt Size</legend>
+
+          <div>
+            <input type="radio" id="sizeXS" name="size" value="XS" required />
+            <label for="sizeXS">XS</label>
+          </div>
+
+          <br />
+
+          <div>
+            <input type="radio" id="sizeS" name="size" value="S" required />
+            <label for="sizeS">S</label>
+          </div>
+
+          <br />
+
+          <div>
+            <input type="radio" id="sizeM" name="size" value="M" required />
+            <label for="sizeM">M</label>
+          </div>
+
+          <br />
+
+          <div>
+            <input type="radio" id="sizeL" name="size" value="L" required />
+            <label for="sizeL">L</label>
+          </div>
+
+          <br />
+
+          <div>
+            <input type="radio" id="sizeXL" name="size" value="XL" required />
+            <label for="sizeXL">XL</label>
+          </div>
+
+          <br />
+
+          <div>
+            <input type="radio" id="sizeXXL" name="size" value="XXL" required />
+            <label for="sizeXXL">XXL</label>
+          </div>
+        </fieldset>
+
+        <br />
+
+        <button type="submit">Submit</button>
       </form>
     </main>
     <footer>
       <!-- change to your name-->
-      <h2>By HOMEWORK SOLUTION</h2>
+      <h2>By Daniel Aderibigbe</h2>
     </footer>
   </body>
 </html>

From 64c9fb258439e45a86152163f55faefe16261e60 Mon Sep 17 00:00:00 2001
From: Daniel Aderibigbe <147194705+Dan2Clouted@users.noreply.github.com>
Date: Wed, 21 Jan 2026 19:58:23 +0000
Subject: [PATCH 2/3] Update Form-Controls/index.html

Co-authored-by: CJ Yuan <cjyuan00@gmail.com>
---
 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 26b1afdaa..ffa6a93f6 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -14,7 +14,7 @@ <h1>Product Pick</h1>
     <main>
       <form>
         <fieldset>
-          <legend>Customer details</legend>
+          <legend>Customer Details</legend>
 
           <label for="name">Name:</label>
           <input

From 7fcc55caa7fed960bcfffaa57900e452d2e0bbd9 Mon Sep 17 00:00:00 2001
From: Daniel Aderibigbe <danieladeribigbe07@gmail.com>
Date: Wed, 21 Jan 2026 20:09:46 +0000
Subject: [PATCH 3/3] pattern validation added for stricter validation in the
 name

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index ffa6a93f6..5ffb3b042 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
@@ -23,6 +23,8 @@ <h1>Product Pick</h1>
             required
             name="customerName"
             minlength="2"
+            pattern=".*\S.*"
+            title="Name must include at least one non-space character."
           />
           <br /><br />
           <label for="email">Email:</label>