From 22d3147c0d5adde36dfca852bab616dfee69cc21 Mon Sep 17 00:00:00 2001 From: Dominika Karmel Date: Thu, 1 Jun 2023 11:46:23 +0200 Subject: [PATCH 1/6] html-form --- readme.md | 6 +-- src/index.html | 143 ++++++++++++++++++++++++++++++++++++++++++++++++- src/style.css | 10 +++- 3 files changed, 154 insertions(+), 5 deletions(-) diff --git a/readme.md b/readme.md index ed4805f1..dbbbe87a 100644 --- a/readme.md +++ b/readme.md @@ -1,7 +1,7 @@ # HTML form Replace `` with your Github username and copy the links to Pull Request description: -- [DEMO LINK](https://.github.io/layout_html-form/) -- [TEST REPORT LINK](https://.github.io/layout_html-form/report/html_report/) +- [DEMO LINK](https://DominikaKarmel.github.io/layout_html-form/) +- [TEST REPORT LINK](https://DominikaKarmel.github.io/layout_html-form/report/html_report/) > Follow [this instructions](https://mate-academy.github.io/layout_task-guideline/#how-to-solve-the-layout-tasks-on-github) ___ @@ -40,7 +40,7 @@ Create HTML page with form. On form submit send form data to `https://mate-acade - Age should be at least `1` and at max `100` with a default value of `12` - The email field should have placeholder value: `email@example.com`. - Text fields should have `autocomplete="off"`. -- `Submit` button should have a `type="submit"` +- `Submit` button should have a `type="submit"` - Vertical distance between inputs should be `10px` - Vertical distance between groups should be `20px` - Any other styles should be browser default diff --git a/src/index.html b/src/index.html index 3348db1c..889fc8d7 100644 --- a/src/index.html +++ b/src/index.html @@ -11,7 +11,148 @@ -

HTML Form

+
+
+ Personal information +
+ Surname: + +
+
+ Name: + +
+
+ How old are You? + +
+
+ Full date of birth: + +
+
+ I accept the term of the agreement + +
+
+
+ Registration +
+ E-mail: + +
+
+ Password: + +
+
+
+ An interesting fact about you! +
+ Do you love cats? + + + + +
+
+ What is your favorite color? + +
+
+ What time do you go to bed? + +
+
+ + +
+
+ How do you rate our work? + +
+
+
+ Additional info: +
+ Comments: + +
+
+ Would you recommend us? + +
+
+
+ +
+
diff --git a/src/style.css b/src/style.css index c4301db2..d9b500c8 100644 --- a/src/style.css +++ b/src/style.css @@ -1 +1,9 @@ -/* styles go here */ + +.form__group { + margin-bottom: 20px; +} + +.form-field { + box-sizing: border-box; + margin-bottom: 10px; +} From 507605a26976c9852bc1e7abb2d42b91d8d2a96a Mon Sep 17 00:00:00 2001 From: Dominika Karmel Date: Mon, 5 Jun 2023 12:22:24 +0200 Subject: [PATCH 2/6] layout_html-form --- src/index.html | 195 ++++++++++++++++++++++++++++++------------------- src/style.css | 2 +- 2 files changed, 121 insertions(+), 76 deletions(-) diff --git a/src/index.html b/src/index.html index 889fc8d7..36e1dfca 100644 --- a/src/index.html +++ b/src/index.html @@ -10,117 +10,154 @@ HTML Form + -
Personal information -
- Surname: - + +
+
-
- Name: - + +
+
-
- How old are You? - + +
+
-
- Full date of birth: - + +
+
+
- I accept the term of the agreement - +
+
Registration -
- E-mail: - + +
+
+
- Password: - +
+
An interesting fact about you! -
+ +
Do you love cats? +
-
- What is your favorite color? - + +
+
-
- What time do you go to bed? - + +
+
-
- - - - - - + + + + + + +
+
How do you rate our work?
+
Additional info: -
- Comments: - + +
+
+
Would you recommend us?
+
diff --git a/src/style.css b/src/style.css index d9b500c8..9d971778 100644 --- a/src/style.css +++ b/src/style.css @@ -3,7 +3,7 @@ margin-bottom: 20px; } -.form-field { +.form__field { box-sizing: border-box; margin-bottom: 10px; } From 74e2d31b6798597ed60ac3d823a7bb3c4b5a126c Mon Sep 17 00:00:00 2001 From: Dominika Karmel Date: Wed, 7 Jun 2023 08:38:04 +0200 Subject: [PATCH 3/6] layout_html-form --- src/index.html | 82 ++++++++++++++++++++++++++++---------------------- 1 file changed, 46 insertions(+), 36 deletions(-) diff --git a/src/index.html b/src/index.html index 36e1dfca..4e223ea9 100644 --- a/src/index.html +++ b/src/index.html @@ -22,6 +22,7 @@
@@ -42,10 +45,12 @@
@@ -54,6 +59,7 @@