I am making a website and I am wanting to setup a contact email form. Something like this: contact email form image
I am lead to understand that this code will do that? But when I click the submit button nothing happens. I have never used php before so I have no idea what I am doing wrong.
<?php
if(isset($_POST['submit'])){
$to = "mecinoart@hotmail.com"; // this is your Email address
$from = $_POST['email']; // this is the sender's Email address
$first_name = $_POST['first_name'];
$subject = "Form submission";
$subject2 = "Copy of your form submission";
$message = $first_name . " " . $last_name . " wrote the following:" . "\n\n" . $_POST['message'];
$message2 = "Here is a copy of your message " . $first_name . "\n\n" . $_POST['message'];
$headers = "From:" . $from;
$headers2 = "From:" . $to;
mail($to,$subject,$message,$headers);
mail($from,$subject2,$message2,$headers2); // sends a copy of the message to the sender
}
?>
<!DOCTYPE html>
<head>
<title>Form submission</title>
</head>
<style>
#from{
font-weight: bold;
font-family: Trajan Pro;
font-size: 14px;
color: #66441c;
}
.input{
outline: none;
margin: 5px 0 10px 0;
padding-left: 10px;
width: 230px;
height: 35px;
font-family: Adobe Garamond Pro;
font-size: 14px;
color: #A4A4A4;
border-radius: 5px;
border: 1px solid #a37f4f;
}
textarea {
padding-top: 10px;
}
#message{
outline: none;
margin: 5px 0 10px 0;
padding-left: 10px;
width: 230px;
height: 60px;
font-family: Adobe Garamond Pro;
font-size: 14px;
color: #A4A4A4;
border-radius: 5px;
border: 1px solid #a37f4f;
}
#button{
margin-top: -10px;
border: none;
outline: none;
border-radius: 5px;
width: 230px;
height: 35px;
font-family: Trajan Pro;
font-size: 14px;
color: #fff;
background-color: #a37f4f;
}
#button:hover {
background-color: #401b0f;
color: #a37f4f;
}
</style>
<body>
<form id="from" action="" method="post">
Name <input class="input" type="text" name="first_name"><br>
Email <input class="input" type="text" name="email"><br>
Message <br><textarea id="message" rows="5" name="message" cols="30"></textarea><br>
<input id="button" type="submit" name="submit" value="Submit">
</form>
</body>
</html>