From 30d9e25579f0e4a700f2091bbc4f947ad2b425ba Mon Sep 17 00:00:00 2001 From: Abdennour Hachemi Date: Wed, 9 Sep 2026 00:14:21 +0100 Subject: [PATCH 1/4] start working on form --- Form-Controls/index.html | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 74b591ffc..b2f3a17f5 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -14,8 +14,19 @@

Product Pick

+
+
+
+
+
+
From e05cec1f936819d95d295077dde0995ac0f02529 Mon Sep 17 00:00:00 2001 From: Abdennour Hachemi Date: Fri, 11 Sep 2026 11:28:19 +0100 Subject: [PATCH 2/4] adding CSS file and updating the index.html file --- Form-Controls/index.html | 90 +++++++++++++++++++++++++++++++++++++++- Form-Controls/styles.css | 57 +++++++++++++++++++++++++ 2 files changed, 145 insertions(+), 2 deletions(-) create mode 100644 Form-Controls/styles.css diff --git a/Form-Controls/index.html b/Form-Controls/index.html index b2f3a17f5..f12f0b04e 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -6,6 +6,7 @@ My form exercise +
@@ -19,7 +20,92 @@

Product Pick




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

By HOMEWORK SOLUTION

+ diff --git a/Form-Controls/styles.css b/Form-Controls/styles.css new file mode 100644 index 000000000..d80e1e07d --- /dev/null +++ b/Form-Controls/styles.css @@ -0,0 +1,57 @@ +/* .square { + height: 25px; + width: 25px; + + + +} + + +#blueOption{ + background-color: #180fcb; +} +#greenOption{ + background-color: green; +} +#redOption{ + background-color: red; +} +.colorSelection{ + border: solid 1px + +} +.colorSelection { + display: flex; + flex-direction: row; + justify-content: center; + gap :20px; + +} */ + .colorSelection { + display: flex; + justify-content:baseline; + gap: 20px; +} + +.colorOption { + display: flex; + flex-direction: column; + align-items:center; +} + +.square { + height: 25px; + width: 25px; +} + +#blueOption { + background-color: #180fcb; +} + +#greenOption { + background-color: green; +} + +#redOption { + background-color: red; +} From cd10040dfea4fb7d97f313ed91be5d7da9f75236 Mon Sep 17 00:00:00 2001 From: Abdennour Hachemi Date: Fri, 11 Sep 2026 21:41:41 +0100 Subject: [PATCH 3/4] corecting typos and making adding attribute name to size radio button to allow single selection --- Form-Controls/index.html | 92 ++++++++++++++++------------------------ Form-Controls/styles.css | 40 +++++------------ 2 files changed, 48 insertions(+), 84 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index f12f0b04e..8b46bdf35 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,11 +1,11 @@ - - + + My form exercise - - + + @@ -14,111 +14,93 @@

Product Pick

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

By Abdennour Hachemi

diff --git a/Form-Controls/styles.css b/Form-Controls/styles.css index d80e1e07d..d0d05ea17 100644 --- a/Form-Controls/styles.css +++ b/Form-Controls/styles.css @@ -1,36 +1,9 @@ -/* .square { - height: 25px; - width: 25px; - - -} - - -#blueOption{ - background-color: #180fcb; -} -#greenOption{ - background-color: green; -} -#redOption{ - background-color: red; -} -.colorSelection{ - border: solid 1px - -} -.colorSelection { - display: flex; - flex-direction: row; - justify-content: center; - gap :20px; - -} */ .colorSelection { display: flex; - justify-content:baseline; gap: 20px; + margin-left: 20px; + margin-top: 20px; } .colorOption { @@ -55,3 +28,12 @@ #redOption { background-color: red; } + +#sizediv{ + margin:20px 20px; + +} + +#fn,#sn,#em{ + margin: 20px 20px; +} From 4ac24031f8237d03446089fb7cfaea2c965fee49 Mon Sep 17 00:00:00 2001 From: Abdennour Hachemi Date: Fri, 11 Sep 2026 22:14:00 +0100 Subject: [PATCH 4/4] formatting html file --- Form-Controls/index.html | 192 +++++++++++++++++++-------------------- 1 file changed, 92 insertions(+), 100 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 8b46bdf35..a72ac1f43 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,106 +1,98 @@ - - - - My form exercise - - - - - -
-

Product Pick

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

Product Pick

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

By Abdennour Hachemi

+
+ -
- -
- -
-
- -
- -
- -
-
- -
-
-
-
- -
- -
- -
-
- -
- -
- -
-
-
- -
- -
-
-
- -
- -
-
-
- -
- -
-
-
- -
- -
-
-
- - -
- - - -
- - - + \ No newline at end of file