From 19fabafee40f4b19315b5654b7437dbdcdf6a48e Mon Sep 17 00:00:00 2001
From: Ihor Taradaiko <igor.taradaiko@gmail.com>
Date: Sat, 24 Jan 2026 14:14:31 +0000
Subject: [PATCH 1/2] Completed form

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 65a866cdb..93e6f5431 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -12,16 +12,65 @@
       <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>
+  <p>Please complete all required (*) fields.</p>
+  <p>
+    <label>What's your name?*</label>
+    <input 
+    type="text"
+    name="name"
+    placeholder="Enter your name"
+    required
+    minlength="3"
+    maxlength="30"
+    pattern="[A-Za-z ]+"
+  />
+  </p>
+    <p>
+    <label>What's your email address?*</label>
+    <input type="email"
+    name="email"
+    required
+    placeholder="Enter your email"
+    />
+  </p>
+  <p>
+    <label>Pick your color*</label>
+    <input type="text"
+    name="color"
+    required
+    list="c1"
+    />
+    <datalist id="c1">
+      <option>Yellow</option>
+      <option>Blue</option>
+      <option>White</option>
+    </datalist>
+  </p>
+  <p>
+    <label>Pick your size*</label>
+    <input
+      type="text"
+      id="t1"
+      list="l1"
+      required
+      pattern="[Bb]anana|[Cc]herry|[Aa]pple|[Ss]trawberry|[Ll]emon|[Oo]range" />
+    <datalist id="l1">
+      <option>XS</option>
+      <option>S</option>
+      <option>M</option>
+      <option>L</option>
+      <option>XL</option>
+      <option>XXL</option>
+    </datalist>
+  </p>
+  <p>
+    <button>Submit</button>
+  </p>
+</form>
     </main>
     <footer>
-      <!-- change to your name-->
-      <h2>By HOMEWORK SOLUTION</h2>
+      <h2>By Ihor Taradaiko</h2>
     </footer>
   </body>
 </html>

From 4afcffecd9e1d8ce0952a35b979ee40b9ab814d3 Mon Sep 17 00:00:00 2001
From: Ihor Taradaiko <igor.taradaiko@gmail.com>
Date: Sat, 24 Jan 2026 14:36:51 +0000
Subject: [PATCH 2/2] editied form

---
 Form-Controls/index.html | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 93e6f5431..771f956be 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -15,7 +15,7 @@ <h1>Product Pick</h1>
 <form>
   <p>Please complete all required (*) fields.</p>
   <p>
-    <label>What's your name?*</label>
+    <label for="r1">What's your name?*</label>
     <input 
     type="text"
     name="name"
@@ -27,7 +27,7 @@ <h1>Product Pick</h1>
   />
   </p>
     <p>
-    <label>What's your email address?*</label>
+    <label for="r2">What's your email address?*</label>
     <input type="email"
     name="email"
     required
@@ -35,9 +35,10 @@ <h1>Product Pick</h1>
     />
   </p>
   <p>
-    <label>Pick your color*</label>
+    <label for="r3">Pick your color*</label>
     <input type="text"
     name="color"
+    placeholder="Color"
     required
     list="c1"
     />
@@ -48,11 +49,12 @@ <h1>Product Pick</h1>
     </datalist>
   </p>
   <p>
-    <label>Pick your size*</label>
+    <label for="r4">Pick your size*</label>
     <input
       type="text"
       id="t1"
       list="l1"
+      placeholder="Size"
       required
       pattern="[Bb]anana|[Cc]herry|[Aa]pple|[Ss]trawberry|[Ll]emon|[Oo]range" />
     <datalist id="l1">