From 0671a2c11ffde4baea33732607855f5be8fbc421 Mon Sep 17 00:00:00 2001
From: pathywang <pathywang@gmail.com>
Date: Mon, 19 Jan 2026 17:26:29 +0000
Subject: [PATCH 1/2] new code

---
 Form-Controls/index.html | 75 +++++++++++++++++++++++++++++++++-------
 1 file changed, 63 insertions(+), 12 deletions(-)
diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 65a866cdb..6f1c46b39 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -7,21 +7,72 @@
     <meta name="description" content="" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
   </head>
+
   <body>
     <header>
       <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>
-    </main>
-    <footer>
-      <!-- change to your name-->
-      <h2>By HOMEWORK SOLUTION</h2>
-    </footer>
-  </body>
+    <form>
+        <div>
+          <label for="name"> Name</label>
+          <input type="text" name="name" id="name" required pattern=".*\S.*" title="Name cannot be empty or contain only spaces.">
+        </div>
+        <br>
+        <div>
+          <label for="email">Email</label>
+          <input type="email" name="email" id="email" required>
+        </div>
+        <br>
+        <div>
+          <label for="color">Color</label>
+          <select name="color" id="color" required>
+            <option value=""> Select </option>
+            <option value="red">Red</option>
+            <option value="white">White</option>
+            <option value="black">Black</option>
+          </select>
+        </div>
+        <br>
+        <div>
+          <p>Size</p>
+          <label for="xs">XS</label>
+          <input type="radio" name="size" id="xs" value="xs">
+        </div>
+        <br>
+        <div>
+          <label for="s">S</label>
+          <input type="radio" name="size" id="s" value="s">
+        </div>
+        <br>
+        <div>
+          <label for="m">M</label>
+          <input type="radio" name="size" id="m" value="m">
+        </div>
+        <br>
+        <div>
+          <label for="l">L</label>
+          <input type="radio" name="size" id="l" value="l">
+        </div>
+        <br>
+        <div>
+          <label for="xl">XL</label>
+          <input type="radio" name="size" id="xl" value="xl">
+        </div>
+        <br>
+        <div>
+          <label for="xxl">XXL</label>
+          <input type="radio" name="size" id="xxl" value="xxl">
+        </div>
+
+
+<br>
+
+  <button type="submit"> Submit</button>
+  </form>
+
+  <footer>
+    <p> ping wang </p>
+  </footer>
+</body>
 </html>

From 9bec6dc1a92fc4c2f275e63b62494941d0c0c107 Mon Sep 17 00:00:00 2001
From: pathywang <pathywang@gmail.com>
Date: Sat, 24 Jan 2026 12:15:53 +0000
Subject: [PATCH 2/2] commit changed

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 6f1c46b39..a470fc295 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -14,17 +14,20 @@ <h1>Product Pick</h1>
     </header>
     <main>
     <form>
-        <div>
+        <fieldset>
+          <legend><h2> Customer's details:</h2></legend>
+
           <label for="name"> Name</label>
           <input type="text" name="name" id="name" required pattern=".*\S.*" title="Name cannot be empty or contain only spaces.">
-        </div>
-        <br>
-        <div>
+        
+      
           <label for="email">Email</label>
           <input type="email" name="email" id="email" required>
-        </div>
-        <br>
-        <div>
+        </fieldset>
+
+        <fieldset>
+          <legend><h2> Choose a T-Shirt</h2></legend>
+
           <label for="color">Color</label>
           <select name="color" id="color" required>
             <option value=""> Select </option>
@@ -32,44 +35,32 @@ <h1>Product Pick</h1>
             <option value="white">White</option>
             <option value="black">Black</option>
           </select>
-        </div>
-        <br>
-        <div>
+        
           <p>Size</p>
-          <label for="xs">XS</label>
+
           <input type="radio" name="size" id="xs" value="xs">
-        </div>
-        <br>
-        <div>
-          <label for="s">S</label>
+          <label for="xs">XS</label>
+          <br>
           <input type="radio" name="size" id="s" value="s">
-        </div>
-        <br>
-        <div>
-          <label for="m">M</label>
+          <label for="s">S</label>
+          <br>
           <input type="radio" name="size" id="m" value="m">
-        </div>
-        <br>
-        <div>
-          <label for="l">L</label>
+          <label for="m">M</label>
+          <br>
           <input type="radio" name="size" id="l" value="l">
-        </div>
-        <br>
-        <div>
-          <label for="xl">XL</label>
+          <label for="l">L</label>
+          <br>
           <input type="radio" name="size" id="xl" value="xl">
-        </div>
-        <br>
-        <div>
-          <label for="xxl">XXL</label>
+          <label for="xl">XL</label>
+          <br>
           <input type="radio" name="size" id="xxl" value="xxl">
-        </div>
-
-
-<br>
+          <label for="xxl">XXL</label>
+          <br>
+        </fieldset>
 
   <button type="submit"> Submit</button>
   </form>
+  </main>
 
   <footer>
     <p> ping wang </p>
