London_cohort| Aung Ye Kyaw | Module-Onboarding | Week1|Formcontrol

Form-Controls/index.html

@@ -13,15 +13,44 @@ <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-->
+
+          <label for="u_name">Name</label><br>
+          <input type="text" name="u_name" id="u_name" placeholder="Enter your name" pattern="^[a-zA-Z\s]{2,}$"
+          title="User name should contain at least 2 characters, only letter and spaces"  required />
+          <br><br>
+
+          <label for="email">E-mail</label><br>
+          <input type="email" name="email" id="email" placeholder="Enter your e-mail" required />
+          <br><br>
+
+
+        <fieldset>
+          <legend>Choose One Color</legend>
+           <input type="radio" name="shirt_color" required/><label for="red">Red</label>
+           <input type="radio" name="shirt_color" /><label for="green">Green</label>
+           <input type="radio" name="shirt_color" /><label for="blue">Blue</label>
+        </fieldset>
+        <br><br>
+
+
+          <label for="size">Select Size</label> <br>
+          <select name="size" required>
+            <option value="" selected >--Select 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>
+      <p>Aung Ye Kyaw</p>
     </footer>
   </body>
 </html>