From d4311b46df88574eaa04f48e5198f9dc1082df0a Mon Sep 17 00:00:00 2001
From: anitahy73 <anita.hy73@gmail.com>
Date: Sat, 9 May 2026 22:29:14 +0100
Subject: [PATCH] Add form with input fields and options

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 74b591ffc..13dbff077 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -12,16 +12,48 @@
       <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>
+<form>
+
+            <label for="name">Name:</label>
+            <input type="text" id="name" name="name"><br>
+            <label for="email">Email:</label>
+            <input type="email" id="email" name="email"><br><br>
+
+            <fieldset>
+            <legend>colour:</legend>
+
+            <label>
+                <input type="radio" id="colour-red" name="colour" value="red">
+                Red
+            </label>
+            
+            <label >
+                <input type="radio" id="colour-blue" name="colour" value="blue">
+                Blue
+            </label>
+            
+            <label >
+                <input type="radio" id="colour-green" name="colour" value="green">
+                Green
+            </label>
+            
+            </fieldset>
+
+            <label for="size">choose your size</label>
+            
+
+            <select id="size">
+                <option value="s">small</option>
+                <option value="m">medium</option>
+                <option value="l">large</option>
+                <option value="xl">xlarge</option>
+                <option value="xl">xxlarge</option>
+
+            </select> 
+        </form>
     </main>
     <footer>
-      <!-- change to your name-->
-      <p>By HOMEWORK SOLUTION</p>
+      <p>Anita Amirhaeri</p>
     </footer>
   </body>
 </html>