From f988e3781d15fb8973a3b60194b1b78da0e3013c Mon Sep 17 00:00:00 2001 From: La Programmatrice Verde Date: Mon, 2 Dec 2024 20:18:32 +0100 Subject: [PATCH] Form creato, basta? --- index.html | 76 ++++++++++++++++++++++++++++++++++++++++---------- mystyle.css | 19 +++++++++++++ validation.css | 14 ++++++++++ 3 files changed, 94 insertions(+), 15 deletions(-) create mode 100644 validation.css diff --git a/index.html b/index.html index 945444a..7e33c84 100644 --- a/index.html +++ b/index.html @@ -2,22 +2,68 @@ - Lorem Ipsum - - + Appuntamento d'amore con La Programmatrice Verde + -

Main title

-

Main subtitle

-

Description of the page

-

List:

- -
-

Home|Built by La Programmatrice Verde aka BrainTheBest5

-

GitHub

+

Appuntamento d'amore con La Programmatrice Verde

+

Per favore inserire tutte le vostre informazioni, più ne inserite più speranze avrete di venire accettat

+
+
+ +
+
+ + +
+
+
+ + +
+
+
+ + +
+
+ + +
+
+ +
+
+ + +
+
+
+ + +
+
+ +
+
+ +
+
diff --git a/mystyle.css b/mystyle.css index e69de29..ef7f4e5 100644 --- a/mystyle.css +++ b/mystyle.css @@ -0,0 +1,19 @@ +@import "validation.css"; +body{ + background-color: rebeccapurple; + color: white; + font-family: Arial, Helvetica, sans-serif; + padding: 20px 0 0 20px; +} +.input_field{ + padding: 5px; +} + +.form{ + display: inline-block; + background-color: blueviolet; + width: 20%; + padding-bottom: 20px; + padding-left: 20px; + padding-top: 20px; +} \ No newline at end of file diff --git a/validation.css b/validation.css new file mode 100644 index 0000000..1cded83 --- /dev/null +++ b/validation.css @@ -0,0 +1,14 @@ +.input:user-invalid{ + color: red; +} + +.input:user-valid{ + color: green; +} + +div.required label .tip{ + opacity: 0; +} +div.required label:hover .tip{ + opacity: 1; +} \ No newline at end of file