Email Contact Form

I’m looking for a html email contact form with a captcha. Any suggestions?

http://lmgtfy.com/?q=html+email+contact+form+captcha :slight_smile:

I looked at many of those sites already, the scripts are mostly php, I don’t know how to code php. I tried http://www.emailmeform.com/builder/templates/demo, but don’t like how there have “Powered byEMF HTML Form” at the bottom and the coding seems very bloated.

I found this code, but it has no captcha and the W3 Validator gave this error, there is no attribute “wrap”


<form action="mailto:blacktiphfishing@gmail.com" method="post" enctype="text/plain">
<table border="0" cellspacing="0" cellpadding="4" width="500px">
<tr>
<td width="30%"><span class="bold">Name:</span></td>
<td width="70%"><input type="text" name="name" size="20" /></td>
</tr>
<tr>
<td><span class="bold">Email:</span></td>
<td><input type="text" name="email" size="20" /></td>
</tr>
<tr>
<td><span class="bold">Comment:</span></td>
<td><textarea name="comment" cols="50" wrap="virtual" rows="5"></textarea></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><input type="submit" name="submit" value="submit" /><input type="reset" name="reset" value="reset" /></td>
</tr>
</table>
</form>

Do I have to use a php script for an html website to have a captcha?

I found this website that may help u -http://www.white-hat-web-design.co.uk/articles/php-captcha.php

Where did you find that code? Something needs to process your form [variables] prior to e-mailing it to you…

I recommend you install a blog, because it is more simpler with the contact forms and everything. As an example, for blogs you have the si contact form plugin, with captcha included and many other features.

Here is where I got the code:

When saving the page with that PHP coding, do I need use the .php suffix or can I just use .html? And if I need to use .php, does that affect the rest of my website that has .html?

I found this website:

http://nms-cgi.sourceforge.net/

Would this be a good alternative to using php script?

I would say, you wouldn’t need to install that package if you know CGI.

When saving the page with that PHP coding, do I need use the .php suffix or can I just use .html? And if I need to use .php, does that affect the rest of my website that has .html?

You need to usw the .php suffix. It will not effect the other parts

This site appears to have what you want.
http://www.html-form-guide.com/contact-form/html-contact-form-captcha.html

you will need to use some sort of scripting to mail your form. Usually your web server with either support mailcgi (CGI, perl) or mailform (php). Once you determine what can be used with your ISP, develop around there. They should have simple instructions to get it working.

For captcha, I’ve used Julien PACHET’s OCR Captcha for the last few years effectively. It’s written in php.

There are also jQuery captcha versions too.

No, just make the link point to your xxx/contact.php form page so everyone can reach there.

BTC, have you done with your form?
Reference AllanP and my referral link, then follow the instructions on the page.
Recently, I prefer to use PHP to write web pages, because it saves me a lot of time.

I tried coding it, but I have no idea how to even start with php coding. Do I keep any of the html coding? I got so frustrated I just left it with the email and deleted the form. And to add to it, I couldn’t get xampp to work on mac! :kaioken:

Here is the coding for my “contact us” page:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="en" />
<title>BlacktipH Fishing - Contact Us</title>
<meta name="description" content="If you need to contact BlacktipH Fishing for more information, please use the information on this page." />
<meta name="keywords" content="contact, us, contact us, contact, us, contact blacktiph, contact blacktiph fishing, more information, information page, information, contact fishing show, email us, email" />
 
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen,projection,tv" />
<link rel="stylesheet" type="text/css" href="css/screen.css" media="screen,projection,tv" />
<!--[if IE]><link rel="stylesheet" type="text/css" href="css/ie.css"><![endif]-->
<style type="text/css">
.myBox {
    width:765px;
    background-color:#fff;
 
    /* Do rounding (native in Opera, Firefox and Safari) */
    border-radius:20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
</style>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-20420965-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
<script type="text/javascript" src="js/pie.js"></script>
</head>
 
<body>
<div id="center"><div class="wrap">
 
<!-- Logo -->
	<div id="header">
		<a href="www.youtube.com/user/BlacktipH"><img src="graphics/bhf.jpg" alt="BlacktipH Fishing" width="410px" height="176px" /></a>
	</div>
	<div style="clear:both"></div>
 
<!-- Navigation Bar -->
	<div id="navbar">
		<div id="navleft">
			<ul id="nav">
				<li><a href="index.html">HOME</a></li>
				<li><a href="http://www.youtube.com/user/BlacktipH">YOUTUBE</a></li>
				<li><a href="gallery.html">IMAGE GALLERY</a></li>
				<li><a href="tips_&amp;_techniques.html">TIPS &amp; TECHNIQUES</a></li>
				<li><a href="contact_us.html">CONTACT US</a></li>
				<!--[if IE]><br style="display:none" /><![endif]--><!--[if !IE]><br /><![endif]-->
				<li><a href="#">ABOUT US</a>
					<ul>
						<li><a href="our_mission.html">Our Mission</a></li>
						<li><a href="our_partners.html">Our Partners</a></li>
						<li><a href="media.html">In The Media</a></li>
					</ul>
				</li>
				<li><a href="#">FISHING REPORTS</a>
					<ul>
						<li><a href="fishing_reports_saltwater.html">Saltwater</a></li>
						<li><a href="fishing_reports_freshwater.html">Freshwater</a></li>
					</ul>
				</li>
				<li><a href="links.html">LINKS</a></li>
				<li><a href="shark_fishing.html">SHARK FISHING</a></li>
				<li><a href="faqs.html">FAQ</a></li>
			</ul>
		</div>
<!-- Google Search Bar -->
		<div id="navright">
		<form action="http://blacktiphfishing.org" id="cse-search-box">
		  <div>
			<input type="hidden" name="cx" value="partner-pub-9169372183740683:1t820z-g3fv" />
			<input type="hidden" name="cof" value="FORID:11" />
			<input type="hidden" name="ie" value="ISO-8859-1" />
			<input type="text" name="q" size="16" />
			<input type="submit" name="sa" value="Search" />
		  </div>
		</form>
		<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&amp;lang=en"></script>
		</div>
		<div style="clear:both"></div>
		
<!-- Adsense Navbar -->
		<div id="adbar">
		<script type="text/javascript"><!-- 
		google_ad_client = "pub-9169372183740683"; 
		/* 468x15, created 12/6/10 */ 
		google_ad_slot = "0884561624"; 
		google_ad_width = 468; 
		google_ad_height = 15;//-->
		</script>
		<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
		</script>
		</div>
	</div>
	
<!-- Content -->
	<div id="content">
	<div id="whitebox" class="myBox">
<!-- Information - Left Column -->
		<div id="leftcol">
			<h1>Contact BlacktipH Fishing</h1>
			<hr />
			<h3>Email Us</h3>
			<p>For all other information, please email us at: <a href="mailto:blacktiphfishing@gmail.com">blacktiphfishing@gmail.com</a></p>
			
<!-- Search Results -->
			<div>
			<div id="cse-search-results"></div>
			<script type="text/javascript">
			  var googleSearchIframeName = "cse-search-results";
			  var googleSearchFormName = "cse-search-box";
			  var googleSearchFrameWidth = 570;
			  var googleSearchDomain = "www.google.com";
			  var googleSearchPath = "/cse";
			</script>
			<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>
			</div>
		</div>
		
<!-- Adsense right -Column -->
		<div id="rightcol"><br /><br /><br /><br />
			<p><a href="http://www.youtube.com/user/BlacktipH"><img src="graphics/youtube.png" alt="YouTube - BlacktipH Fishing" width="120px" height="61px" /></a></p>
			<br />
			<script type="text/javascript"><!--
			google_ad_client = "pub-9169372183740683";
			/* 120x600, created 12/6/10 */
			google_ad_slot = "6108415648";
			google_ad_width = 120;
			google_ad_height = 600;
			//-->
			</script>
			<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
			<br /><br />
<!-- Moon Phase -->
			<center>
			<div style="width:120px">
			<div style="padding:2px; background-color:#000000; border:1px solid #000000">
			<div style="padding:13px; padding-bottom:4px; padding-top:10px; border:1px solid #AFB2D8">
			<div style="padding-bottom:5px; color:#FFFFFF; font-family:arial,helvetica,sans-serif; font-size:9.5px">CURRENT MOON</div>
			<script language="JavaScript" type="text/javascript">var ccm_cfg = { pth:"http://www.moonmodule.com/cs/", fn:"ccm_v1.swf", lg:"en", hs:1, tf:"12hr", scs:1, df:"std", dfd:0, tc:"FFFFFF", bgc:"000000", mc:"000000", fw:87, fh:128, js:0, msp:0, u:"mc" }</script>
			<script language="JavaScript" type="text/javascript" src="http://www.moonmodule.com/cs/ccm_fl.js"></script>
			<div style="padding-top:4px" align="center"><a href="http://www.moonconnection.com/" target="mc_moon_ph" style="font-size:10px; font-family:arial,verdana,sans-serif; color:#7F7F7F; text-decoration:underline; background:#000000; border:none">
			<span style="color:#7F7F7F">moon data</span></a></div></div></div></div>
			</center>
			<br />
<!-- end moon phase -->
		</div>
		<div style="clear:both"></div>
	</div>

<!-- Lower Thirds -->
	<div id="lowerleft"><span><a class="three" href="#" target="blank">Site Map</a></span> | <span><a class="three" href="#" target="blank">Advertise With Us</a></span> | <span><a class="three" href="http://www.youtube.com/user/BlacktipH" target="blank">YouTube</a></span></div>
	<div id="lowerright">
	<div id="google_translate_element"></div><script type="text/javascript">
	function googleTranslateElementInit() {
	  new google.translate.TranslateElement({
		pageLanguage: 'en'
	  }, 'google_translate_element');
	}
	</script><script type="text/javascript" src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
	</div>
	<div style="clear:both"></div>
	
<!-- Copyright -->
	<div id="footer">Copyright &copy; 2010 - BlacktipH Fishing - All rights reserved - Designed by Joshua Jorgensen &amp; Peter Kazazes</div>
	</div>
</div></div>
</body>
</html>

A friend of mine who codes php told me to use reCAPTCHA,

Using recaptcha will allow you to get less spam. I didn’t see a contact us form in that code unless I missed it.

I do not know where to begin with php coding. I only know html and css and a little of javascript. I could not get the php form to work, so I removed it and just put the email link. It would be nice to have it, but I have no idea how to make the code work.

Please read: http://www.tizag.com/phpT/postget.php
This will explain how forms work in PHP, use this as a starting point.

HTH

Thank you for the link.