From c104d119573f1fba44211f670ed91334a22e7c33 Mon Sep 17 00:00:00 2001
From: Laura C <laura.csaki.uk@gmail.com>
Date: Tue, 20 Jan 2026 16:09:53 +0000
Subject: [PATCH 1/8] Update footer with author name

---
 Form-Controls/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 65a866cdb..0caebe07e 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -21,7 +21,7 @@ <h1>Product Pick</h1>
     </main>
     <footer>
       <!-- change to your name-->
-      <h2>By HOMEWORK SOLUTION</h2>
+      <h2>By Laura</h2>
     </footer>
   </body>
 </html>

From 6dbb6b6715bfaaa87214140eb7542cfb1a8dfd3c Mon Sep 17 00:00:00 2001
From: Laura C <laura.csaki.uk@gmail.com>
Date: Tue, 20 Jan 2026 16:12:20 +0000
Subject: [PATCH 2/8] Add form requirements as comments

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 0caebe07e..a49c680dd 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -13,10 +13,15 @@ <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-->
+        <!-- Requirements:
+       - Collect customer name (minimum 2 characters)
+       - Collect customer email (must be valid email)
+       - Choose 1 colour from 3 options
+       - Choose 1 size from 6 options (XS, S, M, L, XL, XXL)
+       - All fields are required
+       - HTML only, no CSS or JavaScript
+       - No form action
+       -->
       </form>
     </main>
     <footer>

From 7de7874921ba26f5c9bb78cf8c79e761f339c43c Mon Sep 17 00:00:00 2001
From: Laura C <laura.csaki.uk@gmail.com>
Date: Tue, 20 Jan 2026 16:14:50 +0000
Subject: [PATCH 3/8] Add required name field with minimum length

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index a49c680dd..81cf9c285 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -22,6 +22,16 @@ <h1>Product Pick</h1>
        - HTML only, no CSS or JavaScript
        - No form action
        -->
+       <p>
+       <label for="customer-name">Name</label><br />
+       <input
+       type="text"
+       id="customer-name"
+       name="customerName"
+       required
+       minlength="2"
+      />
+      </p>
       </form>
     </main>
     <footer>

From 6a3d7166e021e97cac67405a49b0b1d329405989 Mon Sep 17 00:00:00 2001
From: Laura C <laura.csaki.uk@gmail.com>
Date: Tue, 20 Jan 2026 16:17:35 +0000
Subject: [PATCH 4/8] Add required email field with HTML validation

---
 Form-Controls/index.html | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 81cf9c285..0743952cd 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -32,6 +32,15 @@ <h1>Product Pick</h1>
        minlength="2"
       />
       </p>
+       <p>
+       <label for="customer-email">Email</label><br />
+       <input
+       type="email"
+       id="customer-email"
+      name="customerEmail"
+      required
+  />
+</p>
       </form>
     </main>
     <footer>

From b408feefca5ddd45c837eda58ac6330f92cbea11 Mon Sep 17 00:00:00 2001
From: Laura C <laura.csaki.uk@gmail.com>
Date: Tue, 20 Jan 2026 16:23:01 +0000
Subject: [PATCH 5/8] Add required colour selection with radio buttons

---
 Form-Controls/index.html | 53 +++++++++++++++++++++++++++++++++-------
 1 file changed, 44 insertions(+), 9 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 0743952cd..4f1ead412 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -30,20 +30,55 @@ <h1>Product Pick</h1>
        name="customerName"
        required
        minlength="2"
-      />
-      </p>
+       />
+       </p>
        <p>
        <label for="customer-email">Email</label><br />
        <input
        type="email"
        id="customer-email"
-      name="customerEmail"
-      required
-  />
-</p>
-      </form>
-    </main>
-    <footer>
+       name="customerEmail"
+       required
+       />
+       </p>
+       <fieldset>
+       <legend>Choose a colour</legend>
+
+       <p>
+       <input
+       type="radio"
+       id="colour-red"
+       name="tshirtColour"
+       value="red"
+       required
+       />
+       <label for="colour-red">Red</label>
+       </p>
+
+       <p>
+       <input
+       type="radio"
+       id="colour-blue"
+       name="tshirtColour"
+       value="blue"
+       />
+       <label for="colour-blue">Blue</label>
+       </p>
+
+       <p>
+       <input
+       type="radio"
+       id="colour-green"
+       name="tshirtColour"
+       value="green"
+       />
+       <label for="colour-green">Green</label>
+       </p>
+       </fieldset>
+       
+       </form>
+       </main>
+       <footer>
       <!-- change to your name-->
       <h2>By Laura</h2>
     </footer>

From 023e08143c850813aafc6d56c0f6790ca765d351 Mon Sep 17 00:00:00 2001
From: Laura C <laura.csaki.uk@gmail.com>
Date: Tue, 20 Jan 2026 16:25:28 +0000
Subject: [PATCH 6/8] Add required size selection with radio buttons

---
 Form-Controls/index.html | 35 ++++++++++++++++++++++++++++++++++-
 1 file changed, 34 insertions(+), 1 deletion(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 4f1ead412..e1fec3318 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -75,7 +75,40 @@ <h1>Product Pick</h1>
        <label for="colour-green">Green</label>
        </p>
        </fieldset>
-       
+       <fieldset>
+
+       <legend>Choose a size</legend>
+
+       <p>
+       <input type="radio" id="size-xs" name="tshirtSize" value="XS" required />
+       <label for="size-xs">XS</label>
+       </p>
+
+       <p>
+       <input type="radio" id="size-s" name="tshirtSize" value="S" />
+       <label for="size-s">S</label>
+       </p>
+
+       <p>
+       <input type="radio" id="size-m" name="tshirtSize" value="M" />
+       <label for="size-m">M</label>
+       </p>
+
+       <p>
+       <input type="radio" id="size-l" name="tshirtSize" value="L" />
+       <label for="size-l">L</label>
+       </p>
+
+       <p>
+       <input type="radio" id="size-xl" name="tshirtSize" value="XL" />
+       <label for="size-xl">XL</label>
+       </p>
+
+       <p>
+       <input type="radio" id="size-xxl" name="tshirtSize" value="XXL" />
+       <label for="size-xxl">XXL</label>
+       </p>
+       </fieldset>
        </form>
        </main>
        <footer>

From b12b1edb87e3a4c88df61b7f919a19f128e0b911 Mon Sep 17 00:00:00 2001
From: Laura C <laura.csaki.uk@gmail.com>
Date: Tue, 20 Jan 2026 16:29:05 +0000
Subject: [PATCH 7/8] Add submit button to form

---
 Form-Controls/index.html | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index e1fec3318..7ce3dc2db 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -109,6 +109,9 @@ <h1>Product Pick</h1>
        <label for="size-xxl">XXL</label>
        </p>
        </fieldset>
+       <p>
+       <button type="submit">Submit order</button>
+       </p>
        </form>
        </main>
        <footer>

From a2d8ef2166df552256ec7c937c34e5a11c827e07 Mon Sep 17 00:00:00 2001
From: Laura C <laura.csaki.uk@gmail.com>
Date: Tue, 20 Jan 2026 16:44:42 +0000
Subject: [PATCH 8/8] Format HTML for readability

---
 Form-Controls/index.html | 180 +++++++++++++++++----------------------
 1 file changed, 78 insertions(+), 102 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 7ce3dc2db..07083c5b0 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -1,19 +1,21 @@
 <!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" />
-  </head>
-  <body>
-    <header>
-      <h1>Product Pick</h1>
-    </header>
-    <main>
-      <form>
-        <!-- Requirements:
+
+<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" />
+</head>
+
+<body>
+  <header>
+    <h1>Product Pick</h1>
+  </header>
+  <main>
+    <form>
+      <!-- Requirements:
        - Collect customer name (minimum 2 characters)
        - Collect customer email (must be valid email)
        - Choose 1 colour from 3 options
@@ -22,101 +24,75 @@ <h1>Product Pick</h1>
        - HTML only, no CSS or JavaScript
        - No form action
        -->
-       <p>
-       <label for="customer-name">Name</label><br />
-       <input
-       type="text"
-       id="customer-name"
-       name="customerName"
-       required
-       minlength="2"
-       />
-       </p>
-       <p>
-       <label for="customer-email">Email</label><br />
-       <input
-       type="email"
-       id="customer-email"
-       name="customerEmail"
-       required
-       />
-       </p>
-       <fieldset>
-       <legend>Choose a colour</legend>
+      <p>
+        <label for="customer-name">Name</label><br />
+        <input type="text" id="customer-name" name="customerName" required minlength="2" />
+      </p>
+      <p>
+        <label for="customer-email">Email</label><br />
+        <input type="email" id="customer-email" name="customerEmail" required />
+      </p>
+      <fieldset>
+        <legend>Choose a colour</legend>
+
+        <p>
+          <input type="radio" id="colour-red" name="tshirtColour" value="red" required />
+          <label for="colour-red">Red</label>
+        </p>
 
-       <p>
-       <input
-       type="radio"
-       id="colour-red"
-       name="tshirtColour"
-       value="red"
-       required
-       />
-       <label for="colour-red">Red</label>
-       </p>
+        <p>
+          <input type="radio" id="colour-blue" name="tshirtColour" value="blue" />
+          <label for="colour-blue">Blue</label>
+        </p>
 
-       <p>
-       <input
-       type="radio"
-       id="colour-blue"
-       name="tshirtColour"
-       value="blue"
-       />
-       <label for="colour-blue">Blue</label>
-       </p>
+        <p>
+          <input type="radio" id="colour-green" name="tshirtColour" value="green" />
+          <label for="colour-green">Green</label>
+        </p>
+      </fieldset>
+      <fieldset>
 
-       <p>
-       <input
-       type="radio"
-       id="colour-green"
-       name="tshirtColour"
-       value="green"
-       />
-       <label for="colour-green">Green</label>
-       </p>
-       </fieldset>
-       <fieldset>
+        <legend>Choose a size</legend>
 
-       <legend>Choose a size</legend>
+        <p>
+          <input type="radio" id="size-xs" name="tshirtSize" value="XS" required />
+          <label for="size-xs">XS</label>
+        </p>
 
-       <p>
-       <input type="radio" id="size-xs" name="tshirtSize" value="XS" required />
-       <label for="size-xs">XS</label>
-       </p>
+        <p>
+          <input type="radio" id="size-s" name="tshirtSize" value="S" />
+          <label for="size-s">S</label>
+        </p>
 
-       <p>
-       <input type="radio" id="size-s" name="tshirtSize" value="S" />
-       <label for="size-s">S</label>
-       </p>
+        <p>
+          <input type="radio" id="size-m" name="tshirtSize" value="M" />
+          <label for="size-m">M</label>
+        </p>
 
-       <p>
-       <input type="radio" id="size-m" name="tshirtSize" value="M" />
-       <label for="size-m">M</label>
-       </p>
+        <p>
+          <input type="radio" id="size-l" name="tshirtSize" value="L" />
+          <label for="size-l">L</label>
+        </p>
 
-       <p>
-       <input type="radio" id="size-l" name="tshirtSize" value="L" />
-       <label for="size-l">L</label>
-       </p>
+        <p>
+          <input type="radio" id="size-xl" name="tshirtSize" value="XL" />
+          <label for="size-xl">XL</label>
+        </p>
 
-       <p>
-       <input type="radio" id="size-xl" name="tshirtSize" value="XL" />
-       <label for="size-xl">XL</label>
-       </p>
+        <p>
+          <input type="radio" id="size-xxl" name="tshirtSize" value="XXL" />
+          <label for="size-xxl">XXL</label>
+        </p>
+      </fieldset>
+      <p>
+        <button type="submit">Submit order</button>
+      </p>
+    </form>
+  </main>
+  <footer>
+    <!-- change to your name-->
+    <h2>By Laura</h2>
+  </footer>
+</body>
 
-       <p>
-       <input type="radio" id="size-xxl" name="tshirtSize" value="XXL" />
-       <label for="size-xxl">XXL</label>
-       </p>
-       </fieldset>
-       <p>
-       <button type="submit">Submit order</button>
-       </p>
-       </form>
-       </main>
-       <footer>
-      <!-- change to your name-->
-      <h2>By Laura</h2>
-    </footer>
-  </body>
-</html>
+</html>
\ No newline at end of file