From ce896eb8fb4412630d2b57ed20a334665492772c Mon Sep 17 00:00:00 2001 From: Sandani Kannangara Date: Thu, 14 May 2026 14:19:22 +0100 Subject: [PATCH 1/4] Create Product Pick form --- Form-Controls/index.html | 44 ++++++++++++++++++++++++++++++++++++---- 1 file changed, 40 insertions(+), 4 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 74b591ffc..27486aede 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -3,25 +3,61 @@ + My form exercise +

Product Pick

- - +
+ + +
+
+ + +
+
+ + +
+
+ + +
+ +
+ +
+ + + +

By HOMEWORK SOLUTION

+
From a4deffe5f8e1498dc109229550ef7ce8311cf472 Mon Sep 17 00:00:00 2001 From: Sandani Kannangara Date: Thu, 14 May 2026 14:20:56 +0100 Subject: [PATCH 2/4] Add CSS styling for Product Pick form --- Form-Controls/style.css | 63 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 63 insertions(+) create mode 100644 Form-Controls/style.css diff --git a/Form-Controls/style.css b/Form-Controls/style.css new file mode 100644 index 000000000..f727a297c --- /dev/null +++ b/Form-Controls/style.css @@ -0,0 +1,63 @@ +body { + margin: 0; + padding: 10px; + font-family: 'Segoe UI', sans-serif; + display: flex; + justify-content: center; +} + +.container { + background-color: #bfbfbf; + width: 500px; + padding: 35px; + font-size: 16px; + border-radius: 10px; +} + +header { + background: #4f46e5; + color: white; + padding: 15px 30px; + display: flex; + align-items: center; + box-shadow: 0 2px 10px rgba(0,0,0,0.1); +} + +header h1 { + margin: 0; + font-size: 20px; +} + +.field { + background-color: #f1f1f1; + padding: 10px; + border: 2px solid white; + display: flex; + align-items: center; + gap: 10px; + margin-bottom: 5px; +} + +label { + width: 150px; +} + +input, +select { + flex: 1; + padding: 6px; +} + +.submit_field { + text-align: right; + margin-top: 10px; +} + +.submit_button { + background-color: skyblue; + padding: 10px 20px; + border-radius: 8px; + border: none; + cursor: pointer; + font-weight: bold; +} From f278f2c366437322e652b7ac6781ebbcfa15b804 Mon Sep 17 00:00:00 2001 From: Sandani Kannangara Date: Thu, 14 May 2026 15:56:27 +0100 Subject: [PATCH 3/4] Refine form details and validation --- Form-Controls/index.html | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 27486aede..1e388c612 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -4,7 +4,7 @@ - My form exercise + Product Pick Form @@ -26,7 +26,7 @@

Product Pick

- + @@ -56,7 +56,7 @@

Product Pick

-

By HOMEWORK SOLUTION

+

SandzSoft

From e26027fc4628eb465704f55ab1cc09d7ba79d90d Mon Sep 17 00:00:00 2001 From: Sandani Kannangara Date: Thu, 21 May 2026 21:51:48 +0100 Subject: [PATCH 4/4] Remove unwanted new lines --- Form-Controls/index.html | 78 ++++++++++++++++++++-------------------- Form-Controls/style.css | 4 +-- 2 files changed, 41 insertions(+), 41 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 1e388c612..34cfb2b4b 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,38 +1,44 @@ - + - + Product Pick Form
-
-

Product Pick

-
-
-
-
- - -
-
- - -
-
- - -
-
+
+

Product Pick

+
+
+ +
+ + +
+
+ + +
+
+ + +
+
-
- +
- +
- - - - -
-
-
- -

SandzSoft

-
-
+ + + + diff --git a/Form-Controls/style.css b/Form-Controls/style.css index f727a297c..459b73ca1 100644 --- a/Form-Controls/style.css +++ b/Form-Controls/style.css @@ -1,7 +1,7 @@ body { margin: 0; padding: 10px; - font-family: 'Segoe UI', sans-serif; + font-family: "Segoe UI", sans-serif; display: flex; justify-content: center; } @@ -20,7 +20,7 @@ header { padding: 15px 30px; display: flex; align-items: center; - box-shadow: 0 2px 10px rgba(0,0,0,0.1); + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } header h1 {