From 2b73c4b530baadf19074676b67c87dc82afd5691 Mon Sep 17 00:00:00 2001
From: Lavanya-Projects <jayaprabulavan14@gmail.com>
Date: Fri, 8 May 2026 00:20:25 +0100
Subject: [PATCH 1/6] Input Field

Added a customer name input field
---
 Form-Controls/index.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 74b591ffc..1830424f5 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -13,8 +13,9 @@ <h1>Product Pick</h1>
     </header>
     <main>
       <form>
-        <!-- write your html here-->
-        <!-- 
+          <label>Customer Name: </label>
+        <input>
+          <!-- 
           try writing out the requirements first as comments
         this will also help you fill in your PR message later-->
       </form>

From b76233340ab2e7aa75c07fa0158f57cf5134061a Mon Sep 17 00:00:00 2001
From: Lavanya-Projects <jayaprabulavan14@gmail.com>
Date: Fri, 8 May 2026 00:25:07 +0100
Subject: [PATCH 2/6] Email input field

Added customer email input field
---
 Form-Controls/index.html | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 1830424f5..f86c09238 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -13,8 +13,14 @@ <h1>Product Pick</h1>
     </header>
     <main>
       <form>
-          <label>Customer Name: </label>
-        <input>
+         <div>
+        <label>Customer Name: </label>
+        <input> 
+          </div>
+          <div>
+        <label>Customer Email: </label>
+        <input type="email"> 
+          </div>
           <!-- 
           try writing out the requirements first as comments
         this will also help you fill in your PR message later-->

From 2ea2eebbee7a06889bafb131d09641fbd3671124 Mon Sep 17 00:00:00 2001
From: Lavanya-Projects <jayaprabulavan14@gmail.com>
Date: Fri, 8 May 2026 00:37:32 +0100
Subject: [PATCH 3/6] Radio Button

Added radio button for the colour selection
---
 Form-Controls/index.html | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index f86c09238..f74144392 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -21,6 +21,24 @@ <h1>Product Pick</h1>
         <label>Customer Email: </label>
         <input type="email"> 
           </div>
+        <div>
+        <p>Choose a T‑shirt colour:</p>
+
+<label>
+  <input type="radio" name="colour" value="red" required>
+  Red
+</label>
+
+<label>
+  <input type="radio" name="colour" value="blue">
+  Blue
+</label>
+
+<label>
+  <input type="radio" name="colour" value="black">
+  Black
+</label>
+</div>
           <!-- 
           try writing out the requirements first as comments
         this will also help you fill in your PR message later-->

From aa6a09a3a30bd12978ca90e35616b7e178cf9e4b Mon Sep 17 00:00:00 2001
From: Lavanya-Projects <jayaprabulavan14@gmail.com>
Date: Fri, 8 May 2026 00:44:51 +0100
Subject: [PATCH 4/6] Dropdown Section

Added a dropdown section for the size selection
---
 Form-Controls/index.html | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index f74144392..2e047b03b 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -39,6 +39,20 @@ <h1>Product Pick</h1>
   Black
 </label>
 </div>
+ <div>
+  <p>Choose a T‑shirt size:</p>
+
+  <select 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>
+</div>
+
           <!-- 
           try writing out the requirements first as comments
         this will also help you fill in your PR message later-->

From 324e7f96c923c6b4a5d0d0382d5af44857b0af6f Mon Sep 17 00:00:00 2001
From: Lavanya-Projects <jayaprabulavan14@gmail.com>
Date: Fri, 8 May 2026 01:03:23 +0100
Subject: [PATCH 5/6] Validation

Added submit button, validate the input fields
---
 Form-Controls/index.html | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 2e047b03b..f285353b6 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -15,11 +15,11 @@ <h1>Product Pick</h1>
       <form>
          <div>
         <label>Customer Name: </label>
-        <input> 
-          </div>
+        <input required minlength="2" pattern=".*\S.*\S.*"> 
+          </div><br>
           <div>
         <label>Customer Email: </label>
-        <input type="email"> 
+        <input type="email" required placeholder="you@example.com"> 
           </div>
         <div>
         <p>Choose a T‑shirt colour:</p>
@@ -51,16 +51,13 @@ <h1>Product Pick</h1>
     <option value="XL">XL</option>
     <option value="XXL">XXL</option>
   </select>
-</div>
+</div> <br>
+   <button type="submit">Submit</button>
 
-          <!-- 
-          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-->
-      <p>By HOMEWORK SOLUTION</p>
+      <p>By LAVANYA</p>
     </footer>
   </body>
 </html>

From dcbfa4a0b7a6f299c606cac8039a1350d9e9e879 Mon Sep 17 00:00:00 2001
From: Lavanya-Projects <jayaprabulavan14@gmail.com>
Date: Fri, 8 May 2026 09:00:08 +0100
Subject: [PATCH 6/6] Added backslash in break tag

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index f285353b6..5eb5d071b 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -16,7 +16,7 @@ <h1>Product Pick</h1>
          <div>
         <label>Customer Name: </label>
         <input required minlength="2" pattern=".*\S.*\S.*"> 
-          </div><br>
+          </div><br/>
           <div>
         <label>Customer Email: </label>
         <input type="email" required placeholder="you@example.com"> 
@@ -51,7 +51,7 @@ <h1>Product Pick</h1>
     <option value="XL">XL</option>
     <option value="XXL">XXL</option>
   </select>
-</div> <br>
+</div> <br/>
    <button type="submit">Submit</button>
 
       </form>