From e852363e922fb4074b01a99321d27ac7e038460e Mon Sep 17 00:00:00 2001 From: TTiamiyu Date: Fri, 5 Jun 2026 16:08:41 +0100 Subject: [PATCH 1/3] In this commit i have created a form that allows users to select size, color and also has a submit button --- Form-Controls/index.html | 84 ++++++++++++++++++++++++++++------------ 1 file changed, 59 insertions(+), 25 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 74b591ffc..87972ecf5 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,27 +1,61 @@ - - - - My form exercise - - - - -
-

Product Pick

-
-
-
- - -
-
- - - + + + + + My form exercise + + + + + +
+

My Store T-shirt Sales

+
+
+
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+ + +
+
+
+ + + + \ No newline at end of file From 7752872f915d15eca1133b6238713da098a89b26 Mon Sep 17 00:00:00 2001 From: TTiamiyu Date: Sat, 6 Jun 2026 12:00:01 +0100 Subject: [PATCH 2/3] Add form styling file and enhance accessibility with aria attributes --- Form-Controls/index.html | 9 +++++---- Form-Controls/style.css | 33 +++++++++++++++++++++++++++++++++ 2 files changed, 38 insertions(+), 4 deletions(-) create mode 100644 Form-Controls/style.css diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 87972ecf5..0bf25b365 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -7,6 +7,7 @@ My form exercise + @@ -17,17 +18,17 @@

My Store T-shirt Sales

- +
- +
- @@ -37,7 +38,7 @@

My Store T-shirt Sales

- diff --git a/Form-Controls/style.css b/Form-Controls/style.css new file mode 100644 index 000000000..3f59cef80 --- /dev/null +++ b/Form-Controls/style.css @@ -0,0 +1,33 @@ +body { + color: #000; + background: #fff; + font-size: 16px; + line-height: 1.5; +} + +label { + display: block; + margin-bottom: 8px; + font-weight: bold; +} + +input, +select, +button { + font-size: 16px; + padding: 10px; +} + +input:focus, +select:focus, +button:focus { + outline: 3px solid #4a90e2; + outline-offset: 2px; +} + +button { + background-color: #0066cc; + color: #fff; + border: none; + cursor: pointer; +} From 0eb7591e75541a91316abd1c7f0a37cc1d4df63d Mon Sep 17 00:00:00 2001 From: TTiamiyu Date: Sat, 6 Jun 2026 12:08:47 +0100 Subject: [PATCH 3/3] Update font size and margin styles for improved form layout --- Form-Controls/style.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/Form-Controls/style.css b/Form-Controls/style.css index 3f59cef80..8b38ad2ba 100644 --- a/Form-Controls/style.css +++ b/Form-Controls/style.css @@ -1,13 +1,14 @@ body { color: #000; background: #fff; - font-size: 16px; + font-size: 18px; line-height: 1.5; } label { display: block; - margin-bottom: 8px; + margin-bottom: none; + margin-top: 10px; font-weight: bold; } @@ -30,4 +31,5 @@ button { color: #fff; border: none; cursor: pointer; + margin-top: 12px; }