PHP contact form

In this article, we will create a contact form for your website. The contact form contains only the required fields mostly used in contact forms.

There are needs two parts in Contact form : the client side of the form and the server side of the form. The HTML code, some style (CSS) and JavaScript needs for client side of the form.

Below you can find a basic PHP contact form for a website using only HTML (for the form) and PHP for the form processing to mail.

conatct-us-form

Step 1. HTML Form Code

<form method="POST" name="contact_form" 
action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>"> 
<p>
<label for='name'>Name: </label><br>
<input type="text" name="name" value='<?php echo htmlentities($name) ?>'>
</p>
<p>
<label for='email'>Email: </label><br>
<input type="text" name="email" value='<?php echo htmlentities($visitor_email) ?>'>
</p>
<p>
<label for='message'>Message:</label> <br>
<textarea name="message" rows=8 cols=30><?php echo htmlentities($user_message) ?></textarea>
</p>
<p>
<img src="captcha.php?rand=<?php echo rand(); ?>" id='captchaimg' ><br>
<label for='message'>Enter the code above here :</label><br>
<input id="6_letters_code" name="6_letters_code" type="text"><br>
<small>Can't read the image? click <a href='javascript: refreshCaptcha();'>here</a> to refresh</small>
</p>
<input type="submit" value="Submit" name='submit'>
</form>

<form method="POST" name="contact_form"

action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>">

<p>

</p>

<p>

<label for='email'>Email: </label><br>

</p>

<p>

<label for='message'>Message:</label> <br>

</p>

<p>

<img src="captcha.php?rand=<?php echo rand(); ?>" id='captchaimg' ><br>

<label for='message'>Enter the code above here :</label><br>

<small>Can't read the image? click <a href='javascript: refreshCaptcha();'>here</a> to refresh</small>

</p>

</form>

Step 2.Textbox validation using the javascript

<script type="text/javascript" language="JavaScript">// <![CDATA[
var frmvalidator  = new Validator("contact_form");
frmvalidator.EnableOnPageErrorDisplaySingleBox();
frmvalidator.EnableMsgsTogether();

frmvalidator.addValidation("name","req","Please provide your name"); 
frmvalidator.addValidation("email","req","Please provide your email"); 
frmvalidator.addValidation("email","email","Please enter a valid email address"); 
// ]]></script>

var frmvalidator = new Validator("contact_form");

frmvalidator.EnableOnPageErrorDisplaySingleBox();

frmvalidator.EnableMsgsTogether();

frmvalidator.addValidation("name","req","Please provide your name");

frmvalidator.addValidation("email","req","Please provide your email");

frmvalidator.addValidation("email","email","Please enter a valid email address");

// ]]></script>

Step 3. Refresh the captcha code using below code

<script type="text/javascript" language="JavaScript">// <![CDATA[
function refreshCaptcha()
{
	var img = document.images['captchaimg'];
	img.src = img.src.substring(0,img.src.lastIndexOf("?"))+"?rand="+Math.random()*1000;
}
// ]]></script>

function refreshCaptcha()

{

var img = document.images['captchaimg'];

img.src = img.src.substring(0,img.src.lastIndexOf("?"))+"?rand="+Math.random()*1000;

}

// ]]></script>

Download the complete code from here

If you like FreeWebMentor and you would like to contribute, you can write an article and mail your article to [email protected] Your article will appear on the FreeWebMentor main page and help other developers.

PHP contact form

Step 1. HTML Form Code

Step 2.Textbox validation using the javascript

Step 3. Refresh the captcha code using below code

Download the complete code from here

Recommended Posts:

webmentor