i have finished form controls

somayehirankhah · somayehirankhah · commit cb97ea660bc8 · 2025-02-15T15:29:23.000Z
diff --git a/Form-Controls/index.html b/Form-Controls/index.html
@@ -12,16 +12,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-->
+      <form action="results.html" method="get" enctype="multipart/form-data">
+        <div>
+          <label for="name">Name</label>
+          <input type="text" name="name" id="name" required  minlength="2">
+        </div>
+        </div>
+          <div>
+           <label for="email">Email</label>
+          <input type="email" name="email" id="email" required>
+          </div>
+         <div>
+          <label for="colour">Colour</label>
+          <select type="colour" name="colour" id="colour" >
+          <option value="Red">Red</option>
+          <option value="Blue">Blue</option>
+          <option value="Green">Green</option>
+          </select>
+         </div>
+         <div>
+          <label for="Size">Size</label>
+          <select type="Size" name="Size" id="Size" >
+          <option value="XSmall">XSmall</option>
+          <option value="Small">Small</option>
+          <option value="Medium">Medium</option>
+          <option value="Large">Large</option>
+          <option value="XLarge">XLarge</option>
+          <option value="XXLarge">XXLarge</option>
+          </select>
+         </div>
+         <div>
+          <button type="Submit">Submit</button>
+          <button type="Reset">Reset</button>
+        </div>
       </form>
     </main>
     <footer>
       <!-- change to your name-->
-      <h2>By HOMEWORK SOLUTION</h2>
+      <h2>SOMAYEH IRANKHAH</h2>
     </footer>
   </body>
-</html>
+</html>
diff --git a/Form-Controls/results.html b/Form-Controls/results.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <title>My form exercise</title>
+    <meta name="description" content="" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Results</title>
+  </head>
+        <body>
+          <div>
+            <div id="results">
+            </div>
+            <a href="C:/Users/User/CYF/Module-Onboarding/Module-Onboarding/Form-Controls/index.html">Back To Form</a>
+            <script>
+                const resultslist=document.getElementById('results')
+                new URLSearchParams(window.location.search).forEach((value,name)=>
+                {
+                    resultslist.append(`${name}:${value}`)
+                    resultslist.append(document.createElement(`br`))
+                })
+            </script>
+            </div>
+        </body>
