From 53e2904159f9f37c60548ed6385b79a337031191 Mon Sep 17 00:00:00 2001
From: Vaibhav Patel <vaibhavpatel846@gmail.com>
Date: Wed, 9 Sep 2026 22:55:17 +0100
Subject: [PATCH 1/3] Added name size email & color

---
 Form-Controls/index.html | 44 ++++++++++++++++++++++++++++++++++++++--
 1 file changed, 42 insertions(+), 2 deletions(-)
diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 74b591ffc..e395e7baa 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -13,7 +13,47 @@ <h1>Product Pick</h1>
     </header>
     <main>
       <form>
-        <!-- write your html here-->
+        <div>   
+        <label for="name">Customer Name:</label>
+        <input 
+        type="text" 
+        id="name"
+        name="name" 
+        required pattern=".*\S.*\S.*" 
+        title="Please enter at least two non-space characters."
+        >
+        </div>
+        <div>
+            <label for="email">Email:</label>
+         <input
+         type="email"
+         id="email"
+         name="email"
+         required
+         >   
+        </div>
+        <div>
+           <label for="color">T-shirt color:</label>
+        <select id="color" name="color" required>
+            <option value="">Please choose a color</option>
+            <option value="Black">Black</option>
+            <option value="White">White</option>
+            <option value="Blue">Blue</option>
+        </select>
+        </div>
+        <div>
+           <label for="size">T-shirt Size:</label>
+        <select id="size" name="size" required>
+            <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>
+        </div> 
+<!-- write your html here-->
         <!-- 
           try writing out the requirements first as comments
         this will also help you fill in your PR message later-->
@@ -21,7 +61,7 @@ <h1>Product Pick</h1>
     </main>
     <footer>
       <!-- change to your name-->
-      <p>By HOMEWORK SOLUTION</p>
+      <p>By Vaibhav Patel</p>
     </footer>
   </body>
 </html>

From ab96058b54dc1a1de91801026bcf97b62fb6f013 Mon Sep 17 00:00:00 2001
From: Vaibhav Patel <vaibhavpatel846@gmail.com>
Date: Mon, 14 Sep 2026 12:28:06 +0100
Subject: [PATCH 2/3] Submit button added

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index e395e7baa..37fadba06 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -53,14 +53,10 @@ <h1>Product Pick</h1>
             <option value="XXL">XXL</option>
         </select>
         </div> 
-<!-- write your html here-->
-        <!-- 
-          try writing out the requirements first as comments
-        this will also help you fill in your PR message later-->
+        <button type="submit">Submit</button>
       </form>
     </main>
     <footer>
-      <!-- change to your name-->
       <p>By Vaibhav Patel</p>
     </footer>
   </body>

From a6d647cb4c5ebce18102b525af12edd43108ef73 Mon Sep 17 00:00:00 2001
From: Vaibhav Patel <vaibhavpatel846@gmail.com>
Date: Mon, 14 Sep 2026 12:47:11 +0100
Subject: [PATCH 3/3] changes done as per comment

---
 Form-Controls/index.html | 45 +++++++++++++++++++---------------------
 1 file changed, 21 insertions(+), 24 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 37fadba06..c1944e14e 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" />
@@ -13,37 +13,34 @@ <h1>Product Pick</h1>
     </header>
     <main>
       <form>
-        <div>   
-        <label for="name">Customer Name:</label>
-        <input 
-        type="text" 
-        id="name"
-        name="name" 
-        required pattern=".*\S.*\S.*" 
-        title="Please enter at least two non-space characters."
-        >
+        <div>
+          <label for="name">Customer Name:</label>
+          <input
+            type="text"
+            id="name"
+            name="name"
+            autocomplete="name"
+            required
+            pattern=".*\S.*\S.*"
+            title="Please enter at least two non-space characters."
+          />
         </div>
         <div>
-            <label for="email">Email:</label>
-         <input
-         type="email"
-         id="email"
-         name="email"
-         required
-         >   
+          <label for="email">Email:</label>
+          <input type="email" id="email" name="email" required />
         </div>
         <div>
-           <label for="color">T-shirt color:</label>
-        <select id="color" name="color" required>
+          <label for="color">T-shirt color:</label>
+          <select id="color" name="color" required>
             <option value="">Please choose a color</option>
             <option value="Black">Black</option>
             <option value="White">White</option>
             <option value="Blue">Blue</option>
-        </select>
+          </select>
         </div>
         <div>
-           <label for="size">T-shirt Size:</label>
-        <select id="size" name="size" required>
+          <label for="size">T-shirt size:</label>
+          <select id="size" name="size" required>
             <option value="">Please choose a Size</option>
             <option value="XS">XS</option>
             <option value="S">S</option>
@@ -51,8 +48,8 @@ <h1>Product Pick</h1>
             <option value="L">L</option>
             <option value="XL">XL</option>
             <option value="XXL">XXL</option>
-        </select>
-        </div> 
+          </select>
+        </div>
         <button type="submit">Submit</button>
       </form>
     </main>
