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/9] 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/9] 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/9] 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/9] 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/9] 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/9] 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>

From 6013fc6ffaad3a6a8437e4b005bd1452994e545c Mon Sep 17 00:00:00 2001
From: Lavanya-Projects <jayaprabulavan14@gmail.com>
Date: Sat, 16 May 2026 09:20:41 +0100
Subject: [PATCH 7/9] As per the feedback, added id and name in input fields

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 5eb5d071b..28a0ee1d7 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -14,12 +14,12 @@ <h1>Product Pick</h1>
     <main>
       <form>
          <div>
-        <label>Customer Name: </label>
-        <input required minlength="2" pattern=".*\S.*\S.*"> 
+        <label for="name">Customer Name: </label>
+        <input type="text" name="name" id="name" placeholder="enter your name" required minlength="2" pattern=".*\S.*\S.*"> 
           </div><br/>
           <div>
-        <label>Customer Email: </label>
-        <input type="email" required placeholder="you@example.com"> 
+        <label for="email">Customer Email: </label>
+        <input type="email" name="email" id="email" placeholder="you@example.com" required> 
           </div>
         <div>
         <p>Choose a T‑shirt colour:</p>

From ed6f964c6cc7165de85991e7f888739769aebd25 Mon Sep 17 00:00:00 2001
From: Lavanya-Projects <jayaprabulavan14@gmail.com>
Date: Sat, 16 May 2026 09:22:40 +0100
Subject: [PATCH 8/9] formatted the file

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 28a0ee1d7..c1471f58d 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -1,63 +1,67 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <title>My form exercise</title>
-    <meta name="description" content="" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-  </head>
-  <body>
-    <header>
-      <h1>Product Pick</h1>
-    </header>
-    <main>
-      <form>
-         <div>
+
+<head>
+  <meta charset="utf-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <title>My form exercise</title>
+  <meta name="description" content="" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+</head>
+
+<body>
+  <header>
+    <h1>Product Pick</h1>
+  </header>
+  <main>
+    <form>
+      <div>
         <label for="name">Customer Name: </label>
-        <input type="text" name="name" id="name" placeholder="enter your name" required minlength="2" pattern=".*\S.*\S.*"> 
-          </div><br/>
-          <div>
+        <input type="text" name="name" id="name" placeholder="enter your name" required minlength="2"
+          pattern=".*\S.*\S.*">
+      </div><br />
+      <div>
         <label for="email">Customer Email: </label>
-        <input type="email" name="email" id="email" placeholder="you@example.com" required> 
-          </div>
-        <div>
+        <input type="email" name="email" id="email" placeholder="you@example.com" required>
+      </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>
- <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> <br/>
-   <button type="submit">Submit</button>
-
-      </form>
-    </main>
-    <footer>
-      <p>By LAVANYA</p>
-    </footer>
-  </body>
-</html>
+        <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>
+      <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> <br />
+      <button type="submit">Submit</button>
+
+    </form>
+  </main>
+  <footer>
+    <p>By LAVANYA</p>
+  </footer>
+</body>
+
+</html>
\ No newline at end of file

From fc96998142e7f6fcebbc1e7f2b2905c955e9ae9c Mon Sep 17 00:00:00 2001
From: Lavanya-Projects <jayaprabulavan14@gmail.com>
Date: Fri, 22 May 2026 09:17:17 +0100
Subject: [PATCH 9/9] Fixed minimum length and added fieldset  tagsbased on
 comments

---
 Form-Controls/index.html | 59 ++++++++++++++++++++++------------------
 1 file changed, 32 insertions(+), 27 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index c1471f58d..8dba712e7 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -18,43 +18,48 @@ <h1>Product Pick</h1>
       <div>
         <label for="name">Customer Name: </label>
         <input type="text" name="name" id="name" placeholder="enter your name" required minlength="2"
-          pattern=".*\S.*\S.*">
+          title="Name must be at least 2 characters long">
       </div><br />
       <div>
         <label for="email">Customer Email: </label>
         <input type="email" name="email" id="email" placeholder="you@example.com" required>
-      </div>
+      </div> <br>
+
       <div>
-        <p>Choose a T‑shirt colour:</p>
+        <fieldset>
+          <legend>Choose a T‑shirt colour:</legend>
+          <label>
+            <input type="radio" name="colour" value="red" required>
+            Red
+          </label>
 
-        <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="blue">
-          Blue
-        </label>
+          <label>
+            <input type="radio" name="colour" value="black">
+            Black
+          </label>
+        </fieldset>
+      </div><br>
 
-        <label>
-          <input type="radio" name="colour" value="black">
-          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>
+        <fieldset>
+          <legend>Choose a T-shirt size:</legend>
+          <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>
+        </fieldset>
       </div> <br />
+      
       <button type="submit">Submit</button>
 
     </form>