From dbd2e0501381957685fac82715ae457a15f5e005 Mon Sep 17 00:00:00 2001
From: AndriusIsin <isin.andrius@gmail.com>
Date: Sat, 6 May 2023 12:36:33 +0100
Subject: [PATCH] done

---
 .vscode/settings.json    |  3 +++
 Form-Controls/index.html | 48 ++++++++++++++++++++++++++++++++++------
 Form-Controls/styles.css |  7 ++++++
 3 files changed, 51 insertions(+), 7 deletions(-)
 create mode 100644 .vscode/settings.json

diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 00000000..4c7ff40f
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+  "liveServer.settings.port": 5502
+}
diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 4344b144..a8579a5e 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -13,15 +13,49 @@
     <h1>Product Pick</h1>
   </header>
   <main>
-  <form>
-    <!-- write your html here-->
-    <!-- try writing out the requirements first-->
-  </form>
-
+<form>
+  <div>
+    <label for="name">Name</label>
+    <input id="name" type="text" name="name" placeholder="Please enter full name"
+      pattern="[A-za-z\s]{1,}"
+       required />
+    <label for="email">E-mail</label>
+    <input id="email" type="text" name="email"
+      placeholder="Please enter your email address" required />
+  </div>
+  <div>
+    <fieldset>
+      <legend>Choose colour</legend>
+      <input id="red" type="radio" name="color" value="red" checked />
+      <label for="red">Red</label>
+      <input id="white" type="radio" name="color" value="white" />
+      <label for="white">White</label>
+      <input id="blue" type="radio" name="color" value="blue" />
+      <label for="blue">Blue</label>
+    </fieldset>
+  </div> 
+  <div>
+    <fieldset>
+      <legend>Choose  size</label>
+    <select id="size" name="size" required>
+      <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>
+    </fieldset>
+  </div>
+  <fieldset class="delivery_box"> 
+  <legend>Choose Delivery Date</legend>
+  <label for="delivery">Delivery</label>
+  <input type="date" id="delivery" name="delivery" placeholder="DD-MM-YYYY" value="" min="2023-05-05" max="2023-06-02" required />
+  <button>Submit</button>
+</form>
   </main>
   <footer>
-    <!-- change to your name-->
-    <h2>By HOMEWORK SOLUTION</h2>
+    <h2>By Andrius Isin</h2>
   </footer>
 </body>
 
diff --git a/Form-Controls/styles.css b/Form-Controls/styles.css
index e69de29b..29c437b6 100644
--- a/Form-Controls/styles.css
+++ b/Form-Controls/styles.css
@@ -0,0 +1,7 @@
+#email:focus,
+#name:focus,
+#delivery:focus, 
+#size:focus{
+    background: black;
+    color: #FFFF00;
+}
\ No newline at end of file