From 57ce9076a989ed152a88813789b6628de1eaf6fe Mon Sep 17 00:00:00 2001
From: BrianY315 <yorachibrian@gmail.com>
Date: Sun, 13 Sep 2026 15:00:09 +0100
Subject: [PATCH 1/4] Add basic html structure

---
 Form-Controls/task-Tshirts | 54 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 54 insertions(+)
 create mode 100644 Form-Controls/task-Tshirts
diff --git a/Form-Controls/task-Tshirts b/Form-Controls/task-Tshirts
new file mode 100644
index 000000000..099d93767
--- /dev/null
+++ b/Form-Controls/task-Tshirts
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>T‑Shirt Order Form</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      background: #f7f7f7;
+      padding: 40px;
+      line-height: 1.6;
+    }
+
+    form {
+      background: #fff;
+      padding: 20px;
+      max-width: 500px;
+      margin: auto;
+      border-radius: 8px;
+      border: 1px solid #ddd;
+    }
+
+    label {
+      display: block;
+      margin-top: 15px;
+      font-weight: bold;
+    }
+
+    input, select {
+      width: 100%;
+      padding: 10px;
+      margin-top: 5px;
+      border-radius: 4px;
+      border: 1px solid #ccc;
+      font-size: 1rem;
+    }
+
+    button {
+      margin-top: 20px;
+      padding: 12px;
+      width: 100%;
+      background: #333;
+      color: #fff;
+      border: none;
+      border-radius: 4px;
+      font-size: 1rem;
+      cursor: pointer;
+    }
+
+    button:hover {
+      background: #555;
+    }
+  </style>
+</head>
\ No newline at end of file

From 028d3524ec403b73d09cee3e78d933932ca5a49c Mon Sep 17 00:00:00 2001
From: BrianY315 <yorachibrian@gmail.com>
Date: Sun, 13 Sep 2026 15:50:17 +0100
Subject: [PATCH 2/4] Add_form_fields

---
 Form-Controls/task-Tshirts | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/Form-Controls/task-Tshirts b/Form-Controls/task-Tshirts
index 099d93767..e30428032 100644
--- a/Form-Controls/task-Tshirts
+++ b/Form-Controls/task-Tshirts
@@ -51,4 +51,22 @@
       background: #555;
     }
   </style>
-</head>
\ No newline at end of file
+</head>
+
+<body>
+  <form>
+    <h1>Order Your T‑Shirt</h1>
+
+    <!-- Customer Name -->
+    <label for="customer-name">Customer Name</label>
+    <input 
+      type="text" 
+      id="customer-name" 
+      name="customer-name" 
+      required 
+      pattern=".*\S.*\S.*"
+      aria-describedby="nameHelp"
+    >
+    <small id="nameHelp">Name must contain at least two non‑space characters.</small> 
+
+    

From 165edc5a49b414934794b034dc4dc9698e4b458f Mon Sep 17 00:00:00 2001
From: BrianY315 <yorachibrian@gmail.com>
Date: Sun, 13 Sep 2026 16:10:57 +0100
Subject: [PATCH 3/4] Add email and colour label

---
 Form-Controls/task-Tshirts | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/Form-Controls/task-Tshirts b/Form-Controls/task-Tshirts
index e30428032..e38363f39 100644
--- a/Form-Controls/task-Tshirts
+++ b/Form-Controls/task-Tshirts
@@ -69,4 +69,21 @@
     >
     <small id="nameHelp">Name must contain at least two non‑space characters.</small> 
 
+    <!-- Email -->
+    <label for="email">Email Address</label>
+    <input 
+      type="email" 
+      id="email" 
+      name="email" 
+      required
+    >
+
+    <!-- Colour -->
+    <label for="colour">T‑Shirt Colour</label>
+    <select id="colour" name="colour" required>
+      <option value="">-- Select a colour --</option>
+      <option value="red">Red</option>
+      <option value="blue">Blue</option>
+      <option value="black">Black</option>
+    </select>
     

From ccf909121b692a3875452fe92b37c0e723be6783 Mon Sep 17 00:00:00 2001
From: BrianY315 <yorachibrian@gmail.com>
Date: Sun, 13 Sep 2026 16:22:56 +0100
Subject: [PATCH 4/4] add size options and submit button

---
 Form-Controls/task-Tshirts | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/Form-Controls/task-Tshirts b/Form-Controls/task-Tshirts
index e38363f39..62a85ab33 100644
--- a/Form-Controls/task-Tshirts
+++ b/Form-Controls/task-Tshirts
@@ -86,4 +86,20 @@
       <option value="blue">Blue</option>
       <option value="black">Black</option>
     </select>
-    
+
+    <!-- Size -->
+    <label for="size">T‑Shirt Size</label>
+    <select id="size" name="size" required>
+      <option value="">-- Select a size --</option>
+      <option value="XS">XS</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>
+
+    <button type="submit">Submit Order</button>
+  </form>
+</body>
+</html>
\ No newline at end of file
