From 8bfdc18fd1320a5e91b18af8fbce44e4e22098ad Mon Sep 17 00:00:00 2001
From: Abrsh100 <abrdbr2008@gmail.com>
Date: Fri, 23 Jan 2026 08:27:38 +0000
Subject: [PATCH 1/3] did the requested forms and make sure requrements are in
 place as well as placeholders

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 65a866cdb..aaef3efec 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -12,16 +12,58 @@
       <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>
+  <!-- write your html here-->
+  <!-- 
+  try writing out the requirements first as comments
+  this will also help you fill in your PR message later-->
+  <fieldset>
+    <label for="name">
+      <span>Customer Name: </span>
+      <strong><span aria-label="required">*</span></strong>
+    </label>
+    <input type="text" id="name" name="customer-name" required pattern="[A-Za-z\s\.]+" minlength="2" maxlength="40"/>
+  </fieldset>
+  <fieldset>
+    <label for="email">
+      <span>Email: </span>
+      <strong><span aria-label="required">*</span></strong>
+    </label>
+    <input type="email" id="email" name="customer-mail" required minlength="5" maxlength="50" placeholder="example@gmail.com"  />
+  </fieldset>
+  <fieldset>
+  <label for="color preference">
+      <span>Color:</span>
+    <strong><span aria-label="required">*</span></strong>
+    </label>
+    <select id="color preference" name="color preference"> 
+      
+      <option value="blue">Blue</option>
+      <option value="white">White</option>
+      <option value="red">Red</option>
+   </select>
+  </fieldset>
+  <fieldset>
+  <label for="size">
+      <span>Size</span>
+    <strong><span aria-label="required">*</span></strong>
+    </label>
+    <select id="size" name="size">
+      <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>
+  <button type="reset"> Reset</button>
+  <button type="submit"> Submit</button>
+</form>
+<!-- change to your name-->
     </main>
     <footer>
-      <!-- change to your name-->
-      <h2>By HOMEWORK SOLUTION</h2>
+      <h2>By Abraham Habte</h2>
     </footer>
   </body>
 </html>

From f3ce39a120dbc9e5eab7731c760d5f55134f8924 Mon Sep 17 00:00:00 2001
From: Abrsh100 <abrdbr2008@gmail.com>
Date: Mon, 2 Feb 2026 01:15:35 +0000
Subject: [PATCH 2/3] Adding option to a color

---
 Form-Controls/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index aaef3efec..952c08364 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -37,7 +37,7 @@ <h1>Product Pick</h1>
     <strong><span aria-label="required">*</span></strong>
     </label>
     <select id="color preference" name="color preference"> 
-      
+      <option value="" disabled selected>Select a color</option>
       <option value="blue">Blue</option>
       <option value="white">White</option>
       <option value="red">Red</option>

From b0b9d707a2176b1198ffa47491a644ff2056f263 Mon Sep 17 00:00:00 2001
From: Abrsh100 <abrdbr2008@gmail.com>
Date: Tue, 3 Feb 2026 19:11:54 +0000
Subject: [PATCH 3/3] omiting the maxlength in the name and adding option to
 disable selection in size

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 952c08364..829fc2aef 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -22,7 +22,7 @@ <h1>Product Pick</h1>
       <span>Customer Name: </span>
       <strong><span aria-label="required">*</span></strong>
     </label>
-    <input type="text" id="name" name="customer-name" required pattern="[A-Za-z\s\.]+" minlength="2" maxlength="40"/>
+    <input type="text" id="name" name="customer-name" required pattern="[A-Za-z\s\.]+" minlength="2"/>
   </fieldset>
   <fieldset>
     <label for="email">
@@ -49,6 +49,7 @@ <h1>Product Pick</h1>
     <strong><span aria-label="required">*</span></strong>
     </label>
     <select id="size" name="size">
+      <option value="" disabled selected>Select a size</option>
       <option value="xs">XS</option>
       <option value="s">S</option>
       <option value="m">M</option>