From 580aa895e57b0c79b1e959479634c753eeacd882 Mon Sep 17 00:00:00 2001
From: Samual-Hu <h2206506@gmail.com>
Date: Wed, 4 Feb 2026 16:01:10 +0000
Subject: [PATCH 1/2] Completed Exercise

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 65a866cdb..eb1594790 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -12,16 +12,45 @@
       <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>
+      <form>
+        <label for="name">What is your name?</label>
+        <br><br>
+        <input type="text" id="name" name="name" required minlength="2" pattern="[A-Za-z]+([A-Za-z\s]*[A-Za-z]+)*">
+        <br><br>
+        <label for="email">What is your email?</label>
+        <br><br>
+        <input type="email" id="email" name="email" required>
+        <br><br>
+
+        <label for="colour">Pick a colour</label>
+        <select id="colour" name="colour" required>
+          <option value="" disabled selected>Pick a colour</option>
+          <option value="red">Red</option>
+          <option value="blue">Blue</option>
+          <option value="green">Green</option>
+        </select>
+
+        <br><br>
+
+        <label for="size">What is your size?</label>
+        <select id="size" name="size" required>
+          <option value="" disabled selected>What is your 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>
+
+        <br><br>
+
+        <input type="submit" value="Submit">
+      </form>
+    </main>
     <footer>
       <!-- change to your name-->
-      <h2>By HOMEWORK SOLUTION</h2>
+      <h2>By Xuanming Hu</h2>
     </footer>
   </body>
 </html>

From 43c001bf12a8aeabe0bd22f25ba027f0d869d505 Mon Sep 17 00:00:00 2001
From: Samual-Hu <h2206506@gmail.com>
Date: Wed, 4 Feb 2026 16:06:13 +0000
Subject: [PATCH 2/2] removed spacing lines

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index eb1594790..6a77730bc 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -12,42 +12,42 @@
       <h1>Product Pick</h1>
     </header>
     <main>
-      <form>
-        <label for="name">What is your name?</label>
-        <br><br>
-        <input type="text" id="name" name="name" required minlength="2" pattern="[A-Za-z]+([A-Za-z\s]*[A-Za-z]+)*">
-        <br><br>
-        <label for="email">What is your email?</label>
-        <br><br>
-        <input type="email" id="email" name="email" required>
-        <br><br>
+<form>
+<label for="name">What is your name?</label>
+<br><br>
+<input type="text" id="name" name="name" required minlength="2" pattern="[A-Za-z]+([A-Za-z\s]*[A-Za-z]+)*">
+<br><br>
+<label for="email">What is your email?</label>
+<br><br>
+<input type="email" id="email" name="email" required>
+<br><br>
 
-        <label for="colour">Pick a colour</label>
-        <select id="colour" name="colour" required>
-          <option value="" disabled selected>Pick a colour</option>
-          <option value="red">Red</option>
-          <option value="blue">Blue</option>
-          <option value="green">Green</option>
-        </select>
+<label for="colour">Pick a colour</label>
+<select id="colour" name="colour" required>
+<option value="" disabled selected>Pick a colour</option>
+<option value="red">Red</option>
+<option value="blue">Blue</option>
+<option value="green">Green</option>
+</select>
 
-        <br><br>
+<br><br>
 
-        <label for="size">What is your size?</label>
-        <select id="size" name="size" required>
-          <option value="" disabled selected>What is your 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>
+<label for="size">What is your size?</label>
+<select id="size" name="size" required>
+<option value="" disabled selected>What is your 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>
 
-        <br><br>
+<br><br>
 
-        <input type="submit" value="Submit">
-      </form>
-    </main>
+<input type="submit" value="Submit">
+</form>
+</main>
     <footer>
       <!-- change to your name-->
       <h2>By Xuanming Hu</h2>