From 5b7222c428c6c9aacb7f45679dcca115e8d2be54 Mon Sep 17 00:00:00 2001 From: Maharit Belai Date: Fri, 11 Sep 2026 21:50:47 +0100 Subject: [PATCH 1/9] added label name and email and button --- Form-Controls/index.html | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 74b591ffc..6c67ca755 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -14,7 +14,17 @@

Product Pick

- + + + + + +
+
+
From b07d9e098536e15d699bbaf4deb823ee977f9611 Mon Sep 17 00:00:00 2001 From: Maharit Belai Date: Fri, 11 Sep 2026 23:16:04 +0100 Subject: [PATCH 2/9] added -
-
+ + +
+ + +
+
+ + +
+
+ +
From ef3c302aa5c27a5a2ebe0e635a6fc67c1b7d879d Mon Sep 17 00:00:00 2001 From: Maharit Belai Date: Sat, 12 Sep 2026 00:58:26 +0100 Subject: [PATCH 3/9] added labe; for color and size --- Form-Controls/index.html | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index e5df5fc11..3eb9ffae2 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -6,6 +6,7 @@ My form exercise +
@@ -21,7 +22,10 @@

Product Pick

- + + +
+
@@ -41,10 +45,11 @@

Product Pick

- - + +
+
From 7737aa955fadc5450a2bcea28c4e7bd6761f1c79 Mon Sep 17 00:00:00 2001 From: Maharit Belai Date: Sat, 12 Sep 2026 01:10:23 +0100 Subject: [PATCH 4/9] style body and button for the index.html --- Form-Controls/formexercise.css | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) create mode 100644 Form-Controls/formexercise.css diff --git a/Form-Controls/formexercise.css b/Form-Controls/formexercise.css new file mode 100644 index 000000000..3d323582d --- /dev/null +++ b/Form-Controls/formexercise.css @@ -0,0 +1,26 @@ +body{ + line-height:2; + font-size:18px; + font-family:Arial, Helvetica,sans-serif; + border: 1px solid black; + text-align:center; +} +button{ + width:100px; + height:40px; + background-color:white; + text-align:center; + color:black; + font-size:20px; + +} +/* +#name{ + font-size:20px; + font-family:Arial, sans-serif; +} +#email{ + font-size:20px; + font-family:Arial, sans-serif; +} + */ \ No newline at end of file From 444811fd7367dd44e394fe5866be01ff7c3029f3 Mon Sep 17 00:00:00 2001 From: Maharit Belai Date: Mon, 14 Sep 2026 20:46:17 +0100 Subject: [PATCH 5/9] remove comment tags and change footer content --- Form-Controls/index.html | 43 ++++++++++++++-------------------------- 1 file changed, 15 insertions(+), 28 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 3eb9ffae2..72cd67435 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -14,28 +14,20 @@

Product Pick

- - - - - + + - - - -
- - - + +
- - - +
@@ -49,18 +41,13 @@

Product Pick

- -
+
-
- - -
-
- -

By HOMEWORK SOLUTION

-
+ + +
+ From 2cddd89eaef25407845168bf4cd603bd123ee3fd Mon Sep 17 00:00:00 2001 From: Maharit Belai Date: Mon, 14 Sep 2026 21:07:26 +0100 Subject: [PATCH 6/9] change the pattern in input name to .\*S.\*S*. --- Form-Controls/index.html | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 72cd67435..1e704a423 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -12,13 +12,13 @@

Product Pick

-
-
- +
+ + - - + pattern=".*\S.*\S*" required title ="Please enter full name"/> + +
From 87ad785806d5096469cf65161d7a3d0df22367d2 Mon Sep 17 00:00:00 2001 From: Maharit Belai Date: Mon, 14 Sep 2026 21:16:34 +0100 Subject: [PATCH 7/9] remove the comment on line 17. --- Form-Controls/formexercise.css | 10 ---------- 1 file changed, 10 deletions(-) diff --git a/Form-Controls/formexercise.css b/Form-Controls/formexercise.css index 3d323582d..d8fcc1703 100644 --- a/Form-Controls/formexercise.css +++ b/Form-Controls/formexercise.css @@ -14,13 +14,3 @@ button{ font-size:20px; } -/* -#name{ - font-size:20px; - font-family:Arial, sans-serif; -} -#email{ - font-size:20px; - font-family:Arial, sans-serif; -} - */ \ No newline at end of file From 45a16256df05d9bb30efac74901eb739eaffc0e0 Mon Sep 17 00:00:00 2001 From: Maharit Belai Date: Tue, 15 Sep 2026 02:07:59 +0100 Subject: [PATCH 8/9] change pattern of input name in to the `.*\S.*\S.*` --- Form-Controls/index.html | 74 ++++++++++++++++++++++------------------ 1 file changed, 40 insertions(+), 34 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 1e704a423..aca281e28 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,4 +1,4 @@ - + @@ -6,48 +6,54 @@ My form exercise - +

Product Pick

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

Maharit Belai

-
+
+
+ +
+ +
+
+

Maharit Belai

+
From cac261ef0cd19fdd89a633bd14270c6e780fae80 Mon Sep 17 00:00:00 2001 From: Maharit Belai Date: Tue, 15 Sep 2026 02:26:48 +0100 Subject: [PATCH 9/9] format document using prettier --- Form-Controls/formexercise.css | 27 +++++++++++++-------------- 1 file changed, 13 insertions(+), 14 deletions(-) diff --git a/Form-Controls/formexercise.css b/Form-Controls/formexercise.css index d8fcc1703..87d2b1bb6 100644 --- a/Form-Controls/formexercise.css +++ b/Form-Controls/formexercise.css @@ -1,16 +1,15 @@ -body{ - line-height:2; - font-size:18px; - font-family:Arial, Helvetica,sans-serif; - border: 1px solid black; - text-align:center; +body { + line-height: 2; + font-size: 18px; + font-family: Arial, Helvetica, sans-serif; + border: 1px solid black; + text-align: center; } -button{ - width:100px; - height:40px; - background-color:white; - text-align:center; - color:black; - font-size:20px; - +button { + width: 100px; + height: 40px; + background-color: white; + text-align: center; + color: black; + font-size: 20px; }