From a9be37880e7cb1aa6ce38e49a535f9b99ab0f469 Mon Sep 17 00:00:00 2001
From: Abduhasen <abdumussa1363@gmail.com>
Date: Fri, 23 Jan 2026 01:24:40 +0000
Subject: [PATCH 1/3] create a form and used semantic html, add name input and
 email input with validity requirement, used radio input type for the colour
 and size, used break for the list for accessibility, used fieldset for list
 of same types

---
 Form-Controls/index.html | 67 +++++++++++++++++++++++++++++++++++++---
 1 file changed, 62 insertions(+), 5 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 65a866cdb..2c01a0db0 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -13,14 +13,71 @@ <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-->
+        <p>
+        <div>
+        <label for="name">NAME *</label>      <!--write customer's name input-->
+        <input type="text" name="name" id="name" minlength="2" maxlength="20" required>     
+        </div>
+        </p>
+        <p>
+        <div>
+          <label for="email">Email *</label>                <!-- customer's email -->
+          <input type="email" name="email" id="email" required>
+        </div>
+        </p>
+        <div>
+          <fieldset>
+         <legend> T-shirt colour </legend>           <!-- t-shirt colour -->
+         <ul>
+          <li>
+            <label for="red">Red</label><br>
+            <input type="radio" name="T-shirt" id="red" >
+          </li>
+          <li>
+            <label for="green">Green</label><br>
+            <input type="radio" name="T-shirt" id="green">
+          </li>
+          <li>
+            <label for="yellow">Yellow</label><br>
+            <input type="radio" name="T-shirt" id="yellow" >
+          </li>
+         </ul>
+          </fieldset>
+          <fieldset>
+            <legend>T-shirt size</legend>         <!-- t-shirt size -->
+            <ol>
+              <li>
+                <label for="XS">XS</label><br>
+                <input type="radio" name="T-shirt" id="XS">
+              </li>
+              <li>
+                <label for="S">S</label><br>
+                <input type="radio" name="T-shirt" id="S">
+              </li>
+              <li>
+                <label for="M">M</label><br>
+                <input type="radio" name="T-shirt" id="M">
+              </li>
+              <li>
+                <label for="L">L</label><br>
+                <input type="radio" name="T-shirt" id="L">
+              </li>
+              <li>
+              <label for="XL">XL</label><br>
+              <input type="radio" name="T-shirt" id="XL">
+              </li>
+              <li>
+                <label for="XXL">XXL</label><br>
+                <input type="radio" name="T-shirt" id="XXL">
+              </li>
+            </ol>
+          </fieldset>
+        </div>
+        <button>Submit</button>
       </form>
     </main>
     <footer>
-      <!-- change to your name-->
+      Abdu Mussa
       <h2>By HOMEWORK SOLUTION</h2>
     </footer>
   </body>

From 35f7c60212c6f0e49bb44193891a6912f9247c28 Mon Sep 17 00:00:00 2001
From: Abduhasen <abdumussa1363@gmail.com>
Date: Fri, 23 Jan 2026 01:37:05 +0000
Subject: [PATCH 2/3] used separat radio name for separat fieldset

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 2c01a0db0..5b8da1907 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -31,15 +31,15 @@ <h1>Product Pick</h1>
          <ul>
           <li>
             <label for="red">Red</label><br>
-            <input type="radio" name="T-shirt" id="red" >
+            <input type="radio" name="T-shirt colour" id="red" >
           </li>
           <li>
             <label for="green">Green</label><br>
-            <input type="radio" name="T-shirt" id="green">
+            <input type="radio" name="T-shirt colour" id="green">
           </li>
           <li>
             <label for="yellow">Yellow</label><br>
-            <input type="radio" name="T-shirt" id="yellow" >
+            <input type="radio" name="T-shirt colour" id="yellow" >
           </li>
          </ul>
           </fieldset>
@@ -48,27 +48,27 @@ <h1>Product Pick</h1>
             <ol>
               <li>
                 <label for="XS">XS</label><br>
-                <input type="radio" name="T-shirt" id="XS">
+                <input type="radio" name="T-shirt size" id="XS">
               </li>
               <li>
                 <label for="S">S</label><br>
-                <input type="radio" name="T-shirt" id="S">
+                <input type="radio" name="T-shirt size" id="S">
               </li>
               <li>
                 <label for="M">M</label><br>
-                <input type="radio" name="T-shirt" id="M">
+                <input type="radio" name="T-shirt size" id="M">
               </li>
               <li>
                 <label for="L">L</label><br>
-                <input type="radio" name="T-shirt" id="L">
+                <input type="radio" name="T-shirt size" id="L">
               </li>
               <li>
               <label for="XL">XL</label><br>
-              <input type="radio" name="T-shirt" id="XL">
+              <input type="radio" name="T-shirt size" id="XL">
               </li>
               <li>
                 <label for="XXL">XXL</label><br>
-                <input type="radio" name="T-shirt" id="XXL">
+                <input type="radio" name="T-shirt size" id="XXL">
               </li>
             </ol>
           </fieldset>

From e0033f034a720be9aca4c9e6f4e2f73225d1f7df Mon Sep 17 00:00:00 2001
From: Abduhasen <abdumussa1363@gmail.com>
Date: Fri, 23 Jan 2026 14:53:57 +0000
Subject: [PATCH 3/3] changed the break position

---
 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 5b8da1907..4d244e809 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -31,7 +31,7 @@ <h1>Product Pick</h1>
          <ul>
           <li>
             <label for="red">Red</label><br>
-            <input type="radio" name="T-shirt colour" id="red" >
+            <input type="radio" name="T-shirt colour" id="red">
           </li>
           <li>
             <label for="green">Green</label><br>
@@ -39,7 +39,7 @@ <h1>Product Pick</h1>
           </li>
           <li>
             <label for="yellow">Yellow</label><br>
-            <input type="radio" name="T-shirt colour" id="yellow" >
+            <input type="radio" name="T-shirt colour" id="yellow">
           </li>
          </ul>
           </fieldset>