Build a quick and simple Contact Form

Step 1: The Markup

Create a new file, call it contact.html or similar. Now let’s actually create the form fields. Copy and paste the following code into the newly created .html file.

<form method="post" action="contactengine.php">                 <label for="Name">Name:</label>                 <input type="text" name="Name" id="Name" size="45" />                 <br />                 <label for="Tel">Tel:</label>                 <input type="text" name="Tel" id="Tel" size="45" />     <br />                 <label for="Email">Email:</label>                 <input type="text" name="Email" id="Email" size="45" />                 <br /><br />                 <label for="Message">Details of Quote / Query</label><br />                 <textarea name="Message" rows="5" cols="45" id="Message"></textarea>                 <input type="submit" name="submit" value="Submit" class="submit-button" />             </form>

As you may notice the forms “action” is “contactengine.php” this file, which we will create in the next step is the functioning of the whole contact form. Now save and close this file.

Step 2: The workings of the Contact form

Now create a file called contactengine.php This is the workings of the contact form, all the magic happens in here. Copy and paste the following code into this file.

<?php $EmailFrom = "noreply@yoursite.com"; // From email address $EmailTo = "youremail@yoursite.com"; // Email address you want submitted forms to go to $Subject = "YourSite.com - Contact Form Submission"; // subject line for emails $Name = Trim(stripslashes($_POST['Name'])); $Tel = Trim(stripslashes($_POST['Tel'])); $Email = Trim(stripslashes($_POST['Email'])); $Message = Trim(stripslashes($_POST['Message'])); // validation $validationOK=true; if (!$validationOK) {   print "There has been an error, please make sure you entered a correct email address."; // You can edit this to your own error message   exit; } // prepare email body text $Body = ""; $Body .= "Name: "; $Body .= $Name; $Body .= "\n"; $Body .= "Tel: "; $Body .= $Tel; $Body .= "\n"; $Body .= "Email: "; $Body .= $Email; $Body .= "\n"; $Body .= "Message: "; $Body .= $Message; $Body .= "\n"; // send email $success = mail($EmailTo, $Subject, $Body, "From: <$EmailFrom>"); // redirect to success page if ($success){   print "Thank you, your email has been sent! We will be in touch shortly!"; // You can edit this to your own success message } else{   print "There has been an error, please make sure you have entered your details correctly."; // You can edit this to your own error message } ?>

This code basically grabs all of the detials input into the contact form and sets them out into an email which you will receive to the email specified.

You can edit the parts I have commented to your own details / messages. Now save this file in the same directory as the contact.html file and upload to your server…