I'm making a simple form using HTML, CSS and PHP.
Currently the form sends an email to the identified recipient but does not contain any information from the form, just the headers identified in the $formcontent.
HTML
<form method ="post" action="index.php">
<input name="name" type="text" class="feedback-input" placeholder="Name" />
<input name="email" type="text" class="feedback-input" placeholder="Email" />
<textarea name="message" class="feedback-input" placeholder="message"></textarea>
<input id="submit" name="submit" type="submit" value="SUBMIT"/>
</form>
CSS
form { max-width:455px; margin-right:45px; margin-top:10px; float: right; display: inline; }
.feedback-input {
color:white;
font-family: Helvetica, Arial, sans-serif;
font-weight:500;
font-size: 18px;
border-radius: 5px;
line-height: 22px;
background-color: transparent;
border:2px solid #CC6666;
transition: all 0.3s;
padding: 13px;
margin-bottom: 15px;
width:100%;
box-sizing: border-box;
outline:0;
}
.feedback-input:focus { border:2px solid #CC4949; }
textarea {
height: 60px;
line-height: 60%;
resize:vertical;
}
[type="submit"] {
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
width: 100%;
background:#CC6666;
border-radius:5px;
border:0;
cursor:pointer;
color:white;
font-size:24px;
padding-top:10px;
padding-bottom:10px;
transition: all 0.3s;
margin-top:-4px;
font-weight:700;
}
[type="submit"]:hover { background:#CC4949; }
PHP
<?php
$name = $_post['name'];
$email = $_post['email'];
$message = $_post['message'];
$formcontent = "From: $name \n Message: $message";
$recipient = 'info@beardmore.cc';
$subject = 'Beardmore.cc contact form';
$mailheader = "From: $email \r\n";
mail($recipient, $subject, $formcontent, $mailheader) or die("Error!");
echo "Thank You!";?>