diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 74b591ffc..ffa8676c5 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -8,20 +8,53 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
   </head>
   <body>
-    <header>
-      <h1>Product Pick</h1>
+    <fieldset>
+      <legend>Product Pick</legend>
     </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-->
-      <p>By HOMEWORK SOLUTION</p>
-    </footer>
-  </body>
+<label for="name">Customer Name</label>
+        <input type="text" id="name" name="name" pattern=".*\S.*\S.*">  
+           <div>
+        <label for="email">Email</label>
+        <input type="email" id="email" name="email">
+        </div>
+        <p></p>
+        <div>
+          Color
+             <div>
+        <label for="red">Red</label>
+        <input type="radio" id="red" name="color" value="red">
+      </div>
+      <div>
+        <label for="blue">Blue</label>
+        <input type="radio" id="blue" name="color" value="blue">
+      </div>
+      <div>
+        <label for="green">Green</label>
+        <input type="radio" id="green" name="color" value="green">
+      </div>
+
+      <div>
+        <label for="size">Size</label>
+        <select name="size" id="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>
+      </div>
+    </form>
+  </main>
+</fieldset>
+
+<button type="submit">submit</button>
+
+<footer>
+  <p>By Fung Nin Lee (Roger) HOMEWORK SOLUTION</p>
+</footer>
+
+</body>
 </html>
