From ce896eb8fb4412630d2b57ed20a334665492772c Mon Sep 17 00:00:00 2001 From: Sandani Kannangara Date: Thu, 14 May 2026 14:19:22 +0100 Subject: [PATCH 1/3] 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/3] 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/3] 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