HTML code for "Newsletter Subscription" form

A newsletter is an important part of any online business. This form allows your visitors to subscribe to your newsletter. Provide them with valuable information and they will become your potential customers.

Click here to see how your form will look like

The form is completely customizable!
JavaScript validates required fields; plus there is a verification on the server-side.
Captcha image protects the form against SPAM.
Captcha image can be reloaded.
There are many styles of Captcha image available.


This is ProCaptcha code. Free BasicCaptcha code is here.

How to use ProCaptcha code

1. Create an account if you have not done it yet.

2. Copy and paste the code below into your webpage.

3. Specify a form in your profile with SnapHostID JKX99UFL69WH.


This is ProCaptcha code Free BasicCaptcha code is here

<h3>Newsletter Subscription Form</h3><br /><br />
<form action="http://www.SnapHost.com/captcha/WebFormSubmit.aspx" method="post" id="NewsletterSubscriptionForm" onsubmit="return ValidateForm(this);">
<input id="SnapHostID" name="SnapHostID" type="hidden" value="JKX99UFL69WH" />
<script type="text/javascript">
function ValidateForm(frm) {
if (frm.Name.value == "") {alert('Name is required.');frm.Name.focus();return false;}
if (frm.Organization.value == "") {alert('Organization is required.');frm.Organization.focus();return false;}
if (frm.FromEmailAddress.value == "") {alert('Email address is required.');frm.FromEmailAddress.focus();return false;}
if (frm.FromEmailAddress.value.indexOf("@") < 1 || frm.FromEmailAddress.value.indexOf(".") < 1) {alert('Please enter a valid email address.');frm.FromEmailAddress.focus();return false;}
if (frm.CaptchaCode.value == "") {alert('Enter security code.');frm.CaptchaCode.focus();return false;}
return true; }
function ReloadCaptchaImage(captchaImageId) {
var obj = document.getElementById(captchaImageId);
var src = obj.src;
var date = new Date();
var pos = src.indexOf('&rad=');
if (pos >= 0) { src = src.substr(0, pos); }
obj.src = src + '&rad=' + date.getTime();
return false; }
</script>
<table border="0" cellpadding="5" cellspacing="0" style="width:360px; margin:auto; text-align:left;">
<tr><td>
NAME<br />
<input id="Name" name="Name" type="text" maxlength="60" style="width:340px; border:1px solid #999999" />
</td></tr><tr><td>
ORGANIZATION<br />
<input id="Organization" name="Organization" type="text" maxlength="60" style="width:340px; border:1px solid #999999" />
</td></tr><tr><td>
EMAIL<br />
<input id="FromEmailAddress" name="FromEmailAddress" type="text" maxlength="60" style="width:340px; border:1px solid #999999" />
</td></tr><tr><td align="center">
<br />
<a href="http://www.SnapHost.com"><img id="CaptchaImage" alt="Security Code" title="Anti-spam web forms" border="0" style="margin-bottom:10px;"
src="http://www.SnapHost.com/captcha/WebForm.aspx?id=JKX99UFL69WH" /></a>
<br /><a href="#" onclick="return ReloadCaptchaImage('CaptchaImage');"><span style="font-size:12px;">reload image</span></a>
<br />
<i>Enter code here:</i>
<input id="CaptchaCode" name="CaptchaCode" type="text" style="width:80px; border:1px solid #999999" maxlength="6" />
<br /><br /><br />
<input id="skip_Submit" name="skip_Submit" type="submit" value="SUBSCRIBE" />
</td></tr>
</table>
</form>