Demo page

Demo page

<div id=’crmWebToEntityForm’ style=’width:600px;margin:auto;’>
<META HTTP-EQUIV =’content-type’ CONTENT=’text/html;charset=UTF-8′>
<form action=’https://crm.zoho.com/crm/WebToLeadForm‘ name=WebToLeads4220162000000251231 method=’POST’ onSubmit=’javascript:document.charset=”UTF-8″; return checkMandatory4220162000000251231()’ accept-charset=’UTF-8′>
<input type=’text’ style=’display:none;’ name=’xnQsjsdp’ value=’361480006f9578e2c76d8ca250d24d7befc9d8eca3e4508b53e11f688a2451a3′></input>
<input type=’hidden’ name=’zc_gad’ id=’zc_gad’ value=”></input>
<input type=’text’ style=’display:none;’ name=’xmIwtLD’ value=’36ba19c69e9fdd379ed1ba9704bc1349b75f596c2205d53b3847b77ed3816edf’></input>
<input type=’text’  style=’display:none;’ name=’actionType’ value=’TGVhZHM=’></input>
<input type=’text’ style=’display:none;’ name=’returnURL’ value=’https://affordablelegalhelp.com/unbundled-request-lawyer/‘ > </input><br></br>
<!– Do not remove this code. –>
<style>
#crmWebToEntityForm tr , #crmWebToEntityForm td {
padding:6px;
border-spacing:0px;
border-width:0px;
}
</style>
<table style=’width:600px;background-color:#ffffff;background-color:white;color:black’><tr><td colspan=’2′ align=’left’ style=’color:black;font-family:Tahoma;font-size:14px;word-break: break-word;’><strong>Contact us</strong></td></tr> <br></br><tr><td  style=’word-break: break-word;text-align:left;font-size:12px;font-family:Tahoma;width:30%;’>First Name<span style=’color:red;’>*</span></td><td style=’width:40%;’ ><input type=’text’ style=’width:100%;box-sizing:border-box;’  maxlength=’40’ name=’First Name’ /></td><td style=’width:30%;’></td></tr><tr><td  style=’word-break: break-word;text-align:left;font-size:12px;font-family:Tahoma;width:30%;’>Last Name<span style=’color:red;’>*</span></td><td style=’width:40%;’ ><input type=’text’ style=’width:100%;box-sizing:border-box;’  maxlength=’80’ name=’Last Name’ /></td><td style=’width:30%;’></td></tr><tr><td  style=’word-break: break-word;text-align:left;font-size:12px;font-family:Tahoma;width:30%;’>Email<span style=’color:red;’>*</span></td><td style=’width:40%;’ ><input type=’text’ style=’width:100%;box-sizing:border-box;’  maxlength=’100′ name=’Email’ /></td><td style=’width:30%;’></td></tr><tr><td  style=’word-break: break-word;text-align:left;font-size:12px;font-family:Tahoma;width:30%;’>Phone<span style=’color:red;’>*</span></td><td style=’width:40%;’ ><input type=’text’ style=’width:100%;box-sizing:border-box;’  maxlength=’30’ name=’Phone’ /></td><td style=’width:30%;’></td></tr><tr><td  style=’word-break: break-word;text-align:left;font-size:12px;font-family:Tahoma;width:30%;’>Zip Code<span style=’color:red;’>*</span></td><td style=’width:40%;’ ><input type=’text’ style=’width:100%;box-sizing:border-box;’  maxlength=’30’ name=’Zip Code’ /></td><td style=’width:30%;’></td></tr><tr><td  style=’word-break: break-word;text-align:left;font-size:12px;font-family:Tahoma;width:30%;’>subject<span style=’color:red;’>*</span></td><td style=’width:40%;’>
<select style=’width:100%;box-sizing:border-box;’ name=’LEADCF6′>
<option value=’-None-‘>-None-</option>
<option value=’select&#x20;your&#x20;legal&#x20;issue’>select your legal issue</option>
<option value=’uncontested&#x20;Divorce’>uncontested Divorce</option>
<option value=’contested&#x20;Divorce’>contested Divorce</option>
<option value=’Divorce&#x20;with&#x20;custody’>Divorce with custody</option>
<option value=’Child&#x20;custody’>Child custody</option>
<option value=’Child&#x20;support&#x20;Modify’>Child support Modify</option>
<option value=’Child&#x20;support&#x20;Establish’>Child support Establish</option>
<option value=’Adoption&#x2f;Guardianship’>Adoption&#x2f;Guardianship</option>
<option value=’Grandparents&#x20;Rights’>Grandparents Rights</option>
<option value=’Others’>Others</option>
</select></td><td style=’width:30%;’></td></tr><tr><td  style=’word-break: break-word;text-align:left;font-size:12px;font-family:Tahoma;width:30%;’>-State-<span style=’color:red;’>*</span></td><td style=’width:40%;’>
<select style=’width:100%;box-sizing:border-box;’ name=’LEADCF3′>
<option value=’-None-‘>-None-</option>
<option value=’-Select&#x20;state-‘>-Select state-</option>
<option value=’Alamaba’>Alamaba</option>
<option value=’Alaska’>Alaska</option>
<option value=’Arizona’>Arizona</option>
<option value=’Arkansas’>Arkansas</option>
<option value=’California’>California</option>
<option value=’Colorado’>Colorado</option>
<option value=’Connecticut’>Connecticut</option>
<option value=’Delaware’>Delaware</option>
<option value=’Florida’>Florida</option>
<option value=’Georgia’>Georgia</option>
<option value=’Hawaii’>Hawaii</option>
<option value=’Idaho’>Idaho</option>
<option value=’Illinois’>Illinois</option>
<option value=’Indiana’>Indiana</option>
<option value=’Lowa’>Lowa</option>
<option value=’Kansas’>Kansas</option>
<option value=’Kentucky’>Kentucky</option>
<option value=’Louisiana’>Louisiana</option>
<option value=’Maine’>Maine</option>
<option value=’Maryland’>Maryland</option>
<option value=’Massachusetts’>Massachusetts</option>
<option value=’Michigan’>Michigan</option>
<option value=’Minnesota’>Minnesota</option>
<option value=’Mississippi’>Mississippi</option>
<option value=’Missouri’>Missouri</option>
<option value=’Montana’>Montana</option>
<option value=’Nebraska’>Nebraska</option>
<option value=’Nevada’>Nevada</option>
<option value=’New&#x20;Hamsphire’>New Hamsphire</option>
<option value=’New&#x20;jersey’>New jersey</option>
<option value=’New&#x20;Mexico’>New Mexico</option>
<option value=’New&#x20;York’>New York</option>
<option value=’North&#x20;Carolina’>North Carolina</option>
<option value=’North&#x20;Dakota’>North Dakota</option>
<option value=’Ohio’>Ohio</option>
<option value=’Oklahoma’>Oklahoma</option>
<option value=’Oregon’>Oregon</option>
<option value=’Pennsylvania’>Pennsylvania</option>
<option value=’Rhode&#x20;Island’>Rhode Island</option>
<option value=’South&#x20;carolina’>South carolina</option>
<option value=’South&#x20;Dakota’>South Dakota</option>
<option value=’Tennessee’>Tennessee</option>
<option value=’Texas’>Texas</option>
<option value=’Utah’>Utah</option>
<option value=’Vermont’>Vermont</option>
<option value=’Virginia’>Virginia</option>
<option value=’Washington’>Washington</option>
<option value=’Washington&#x20;DC’>Washington DC</option>
<option value=’ARMED&#x20;FORCES&#x20;AFRICA&#x20;CANADA&#x20;EUROPE&#x20;MIDDLE&#x20;EAST’>ARMED FORCES AFRICA CANADA EUROPE MIDDLE EAST</option>
<option value=’ARMED&#x20;FORCES&#x20;AMERICA&#x20;&#x28;EXCEPT&#x20;CANADA&#x29;’>ARMED FORCES AMERICA &#x28;EXCEPT CANADA&#x29;</option>
<option value=’ARMED&#x20;FORCES&#x20;PACIFIC’>ARMED FORCES PACIFIC</option>
</select></td><td style=’width:30%;’></td></tr><tr><td  style=’word-break: break-word;text-align:left;font-size:12px;font-family:Tahoma;width:30%;’>Message<span style=’color:red;’>*</span> </td><td style=’width:40%;’> <textarea name=’LEADCF4′ maxlength=’2000′ style=’width:100%;’>&nbsp;</textarea></td><td style=’width:30%;’></td></tr>

<tr><td colspan=’2′ style=’text-align:center; padding-top:15px;font-size:12px;’>
<input style=’margin-right: 5px;cursor: pointer;font-size:12px;color:black’ id=’formsubmit’ type=’submit’ value=’Submit’ ></input> <input type=’reset’ name=’reset’ style=’cursor: pointer;font-size:12px;color:black’ value=’Reset’ ></input> </td></tr></table>
<script>
var mndFileds=new Array(‘First Name’,’Last Name’,’LEADCF3′,’Email’,’LEADCF6′,’Phone’,’Zip Code’,’LEADCF4′);
var fldLangVal=new Array(‘First Name’,’Last Name’,’-State-‘,’Email’,’subject’,’Phone’,’Zip Code’,’Message’);
var name=”;
var email=”;

function checkMandatory4220162000000251231() {
for(i=0;i<mndFileds.length;i++) {
var fieldObj=document.forms[‘WebToLeads4220162000000251231′][mndFileds[i]];
if(fieldObj) {
if (((fieldObj.value).replace(/^\s+|\s+$/g, ”)).length==0) {
if(fieldObj.type ==’file’)
{
alert(‘Please select a file to upload.’);
fieldObj.focus();
return false;
}
alert(fldLangVal[i] +’ cannot be empty.’);
fieldObj.focus();
return false;
}  else if(fieldObj.nodeName==’SELECT’) {
if(fieldObj.options[fieldObj.selectedIndex].value==’-None-‘) {
alert(fldLangVal[i] +’ cannot be none.’);
fieldObj.focus();
return false;
}
} else if(fieldObj.type ==’checkbox’){
if(fieldObj.checked == false){
alert(‘Please accept  ‘+fldLangVal[i]);
fieldObj.focus();
return false;
}
}
try {
if(fieldObj.name == ‘Last Name’) {
name = fieldObj.value;
}
} catch (e) {}
}
}
document.getElementById(‘formsubmit’).disabled=true;
}
</script>
</form>
</div>