franpcode/Frist-actual-form
1
0
Fork 0
mirror of https://github.com/FranP-code/Frist-actual-form.git synced 2025-10-12 23:53:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

CSS terminado

Browse Source
This commit is contained in:
Francisco P
2021-04-27 21:03:41 -03:00
parent 61d871e99e
commit 97f9b197b0
3 changed files with 36 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
backEnd.php
View File

@@ -2,4 +2,10 @@
echo print_r($_POST); echo print_r($_POST);
if (!isset($_POST['sumbit'])) {
header ('Location: index.html');
};
$name = $_POST;
?> ?>

14
index.html
View File

@@ -8,11 +8,13 @@
<link rel="stylesheet" href="./styles.css"> <link rel="stylesheet" href="./styles.css">
</head> </head>
<body> <body>
<form action="backEnd.php" method="POST" class="form"> <div class="form-container">
<input type="text" placeholder="Name" name="name" required class="name"> <form action="backEnd.php" method="POST" class="form">
<input type="email" placeholder="E-mail" name="electronic-mail" required class="email"> <input type="text" placeholder="Name" name="name" required class="name">
<textarea placeholder="Message" name="message" required minlength="35" class="message"></textarea> <input type="email" placeholder="E-mail" name="electronic-mail" required class="email">
<input type="submit" placeholder="Enviar" name="submit" required class="submit"> <textarea placeholder="Message" name="message" required minlength="35" class="message"></textarea>
</form> <input type="submit" value="Send" name="submit" required class="submit">
</form>
</div>
</body> </body>
</html> </html>

22
styles.css
View File

@@ -5,6 +5,7 @@
width: 400px; width: 400px;
height: auto; height: auto;
margin: auto; margin: auto;
margin-top: 30px;
} }
.name { .name {
@@ -12,6 +13,8 @@
background-color: #0e93ff99; background-color: #0e93ff99;
border: 1px solid #0e93ff; border: 1px solid #0e93ff;
height: 30px; height: 30px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14pt;
} }
.email { .email {
@@ -19,14 +22,33 @@
background-color: #fffb0e99; background-color: #fffb0e99;
border: 1px solid #c7c400; border: 1px solid #c7c400;
height: 30px; height: 30px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14pt;
margin-top: 2px;
color:#4d5761
} }
.message { .message {
grid-column: 1/3; grid-column: 1/3;
background-color: #ff0e0e99; background-color: #ff0e0e99;
border: 1px solid #ff0e0e; border: 1px solid #ff0e0e;
font-family: Arial, Helvetica, sans-serif;
font-size: 14pt;
margin-top: 2px;
resize: none;
} }
.submit { .submit {
grid-column: 1/3; grid-column: 1/3;
height: 30px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14pt;
background-color: #a6b5c2;
border: 1px solid #0000001c;
margin-top: 2px;
color: #0000007a;
}
body {
background-color: #0e93ff50;
} }