From c7a30ee63e36f51048d544ddcbc7aaa6e8bb8c92 Mon Sep 17 00:00:00 2001
From: mrafeie <m.rafeie.mr@gmail.com>
Date: Sat, 9 May 2026 21:47:50 +0100
Subject: [PATCH] Add form elements for customer details and T-shirt options

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 74b591ffc..71749b34e 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -12,16 +12,66 @@
       <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>
+<form>
+  
+    <label for="name">Customer Name</label>
+    <input
+    type="text"
+    id="name"
+    name="name"
+    required
+    pattern=".*\S.*\S.*"
+    minlength="2"
+    />
+
+
+    <label for="email">Email Address</label>
+    <input
+    type="email"
+    id="email"
+    name="email"
+    required
+    /><br />
+
+      <!-- T-Shirt Colour -->
+    <fieldset>
+      <legend>T-Shirt Colour</legend>
+
+      <label>
+        <input type="radio" name="colour" value="Black" required />
+        Black
+      </label>
+
+      <label>
+        <input type="radio" name="colour" value="White" />
+        White
+      </label>
+
+      <label>
+        <input type="radio" name="colour" value="Blue" />
+        Blue
+      </label>
+    </fieldset>
+
+    <!-- T-Shirt Size -->
+    <label for="size">T-Shirt Size</label>
+
+    <select id="size" name="size">
+    <option value="">Please choose 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>
+
+
+  </form>
     </main>
     <footer>
       <!-- change to your name-->
-      <p>By HOMEWORK SOLUTION</p>
+      <p>Mahdi Rafiei</p>
     </footer>
   </body>
 </html>