From 592d3557b421faad94c9ae1fb70f86b591a55ede Mon Sep 17 00:00:00 2001
From: Khulani0 <sojamamhlophe@gmail.com>
Date: Fri, 6 Feb 2026 01:04:38 +0200
Subject: [PATCH 1/2] Create T-Shirt order form in index.html

Added a T-Shirt order form with fields for name, email, color, and size.
---
 Form-Controls/index.html | 51 ++++++++++++++++++++++++++++------------
 1 file changed, 36 insertions(+), 15 deletions(-)
diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 65a866cdb..5908cd8c8 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -8,20 +8,41 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
   </head>
   <body>
-    <header>
-      <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-->
-      </form>
-    </main>
-    <footer>
-      <!-- change to your name-->
-      <h2>By HOMEWORK SOLUTION</h2>
-    </footer>
+ <h1>T-Shirt Order Form</h1>
+<form>
+<label for="name">Name:</label>
+<input id="name" type="text" required>
+
+<br><br>
+
+<label>Email:</label>
+<input type="email" required>
+<br><br>
+
+<label for="colour">Choose a colour:</label>
+<select id="colour" required>
+  <option value="">Select one</option>
+  <option>Red</option>
+  <option>Blue</option>
+  <option>Black</option>
+</select>
+<br><br>
+
+<label for="size">Choose a size:</label>
+<select id="size" required>
+  <option value="">Select one</option>
+  <option>XS</option>
+  <option>S</option>
+  <option>M</option>
+  <option>L</option>
+  <option>XL</option>
+  <option>XXL</option>
+</select>
+<br><br>
+
+<button type="submit">Submit</button>
+
+</form>
+
   </body>
 </html>

From 0d98d2f9973503eb28f40aa537839fa5f85240dc Mon Sep 17 00:00:00 2001
From: Khulani0 <sojamamhlophe@gmail.com>
Date: Fri, 6 Feb 2026 20:54:44 +0200
Subject: [PATCH 2/2] Enhance form accessibility with labels and attributes

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 5908cd8c8..c6e913c15 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -9,14 +9,15 @@
   </head>
   <body>
  <h1>T-Shirt Order Form</h1>
+ <main>  
 <form>
 <label for="name">Name:</label>
-<input id="name" type="text" required>
+<input id="name" name="name" type="text" required minlength="2">
 
 <br><br>
 
-<label>Email:</label>
-<input type="email" required>
+<label for="email">Email:</label>
+<input id="email" name="email" type="email" required>
 <br><br>
 
 <label for="colour">Choose a colour:</label>
@@ -43,6 +44,7 @@ <h1>T-Shirt Order Form</h1>
 <button type="submit">Submit</button>
 
 </form>
+</main>
 
   </body>
 </html>
