Hello,
I have a comment field in my web form and I am trying to Have default text in that says something, then when the user clicks on it (on our website) the text should disappear. I tried using the onFocus command (just edited the HTML myself) but it does not work. Can anyone help me set this up? Thank you
Heres my code:
<div id='crmWebToEntityForm' align=center><META HTTP-EQUIV ='content-type' CONTENT='text/html;charset = UTF-8'> <form action='https://crm.zoho.com/crm/WebToLeadForm' name=WebToLeads493609000000063013 method='POST' onSubmit='javascript:document.charset="UTF-8"; return checkMandatery()' accept-charset='UTF-8'><table border=0 cellspacing=0 cellpadding=5 width=480 style='border-top:2px solid #999999;border-bottom:1px solid #999999;background-color:#ffffff;'> <input type='hidden' name='xnQsjsdp' value=rdpZF3NGfI0$/> <input type='hidden' name='xmIwtLD' value=B8bweMAWd61uUnt3LJMTJ4htUVzz56G-/> <input type='hidden' name='actionType' value=TGVhZHM=/> <input type='hidden' name='returnURL' value='http://flashwholesaler.com/thankyou.php' /> <br><tr><td colspan='2' align='left' style='background-color:#f5f5f5;border-bottom:2px dotted #dadada; color:#000000;font-family:sans-serif;font-size:14px;'><strong>Web Form</strong></td></tr><tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>Company :</td><td width='75%'><input type='text' maxlength='100' name='Company' /> </td></tr><tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>First Name :</td><td width='75%'><input type='text' maxlength='40' name='First Name' /> </td></tr><tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>Last Name :</td><td width='75%'><input type='text' maxlength='80' name='Last Name' /> </td></tr><tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>Email :</td><td width='75%'><input type='text' maxlength='100' name='Email' /> </td></tr><tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>Phone :</td><td width='75%'><input type='text' maxlength='30' name='Phone' /> </td></tr><tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>Flash Drives :</td><td width='75%' ><select name='LEADCF6' multiple> <option value='FW11000'>FW11000</option> <option value='FW11001'>FW11001</option> <option value='FW11002'>FW11002</option> <option value='FW11003'>FW11003</option> <option value='FW11004'>FW11004</option> <option value='FW11005'>FW11005</option> <option value='FW11006'>FW11006</option> <option value='FW11007'>FW11007</option> <option value='FW11008'>FW11008</option> <option value='FW11009'>FW11009</option> <option value='FW11010'>FW11010</option> <option value='FW11011'>FW11011</option> <option value='FW11012'>FW11012</option> <option value='FW11013'>FW11013</option> <option value='FW11014'>FW11014</option> <option value='FW11015'>FW11015</option> <option value='FW11016'>FW11016</option> <option value='FW11017'>FW11017</option> <option value='FW11018'>FW11018</option> <option value='FW11019'>FW11019</option> <option value='FW11020'>FW11020</option> <option value='FW11021'>FW11021</option> <option value='FW11022'>FW11022</option> <option value='FW11023'>FW11023</option> <option value='FW11024'>FW11024</option> <option value='FW11025'>FW11025</option> <option value='FW11026'>FW11026</option> <option value='FW11027'>FW11027</option> <option value='FW11028'>FW11028</option> <option value='FW11029'>FW11029</option> <option value='FW11030'>FW11030</option> <option value='FW11031'>FW11031</option> <option value='FW11032'>FW11032</option> <option value='FW11033'>FW11033</option> <option value='FW11034'>FW11034</option> <option value='FW11035'>FW11035</option> </select></td></tr><tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>Pen Drives :</td><td width='75%' ><select name='LEADCF7' multiple> <option value='FW2000'>FW2000</option> <option value='FW2001'>FW2001</option> <option value='FW2002'>FW2002</option> <option value='FW2003'>FW2003</option> <option value='FW2004'>FW2004</option> </select></td></tr><tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>USB Flash Drive Web Keys :</td><td width='75%' ><select name='LEADCF9' multiple> <option value='FW9000'>FW9000</option> <option value='FW9001'>FW9001</option> <option value='FW9002'>FW9002</option> <option value='FW9003'>FW9003</option> <option value='FW9004'>FW9004</option> <option value='FW9005'>FW9005</option> <option value='FW9006'>FW9006</option> <option value='FW9007'>FW9007</option> <option value='FW9008'>FW9008</option> </select></td></tr><tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>USB Flash Drive Gifts :</td><td width='75%' ><select name='LEADCF10' multiple> <option value='FW5000'>FW5000</option> <option value='FW5001'>FW5001</option> <option value='FW5002'>FW5002</option> <option value='FW5003'>FW5003</option> <option value='FW5004'>FW5004</option> <option value='FW5005'>FW5005</option> <option value='FW5006'>FW5006</option> <option value='FW5007'>FW5007</option> </select></td></tr><tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>CD/DVD Duplication :</td><td width='75%' ><select name='LEADCF11' multiple> <option value='FW6000'>FW6000</option> <option value='FW6001'>FW6001</option> <option value='FW6002'>FW6002</option> <option value='FW6003'>FW6003</option> <option value='FW6004'>FW6004</option> <option value='FW6005'>FW6005</option> </select></td></tr><tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>USB Optical Mice :</td><td width='75%' ><select name='LEADCF12' multiple> <option value='FW4001'>FW4001</option> <option value='FW4002'>FW4002</option> <option value='FW4003'>FW4003</option> <option value='FW4004'>FW4004</option> <option value='FW4005'>FW4005</option> <option value='FW4006'>FW4006</option> <option value='FW4007'>FW4007</option> <option value='FW4008'>FW4008</option> <option value='FW4009'>FW4009</option> </select></td></tr><tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>Packaging Options :</td><td width='75%' ><select name='LEADCF13' multiple> <option value='FW7000'>FW7000</option> <option value='FW7001'>FW7001</option> <option value='FW7002'>FW7002</option> <option value='FW7003'>FW7003</option> <option value='FW7004'>FW7004</option> <option value='FW7005'>FW7005</option> <option value='FW7006'>FW7006</option> <option value='FW7007'>FW7007</option> </select></td></tr><tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>USB Flash Drive Accessories :</td><td width='75%' ><select name='LEADCF14' multiple> <option value='FW8000'>FW8000</option> <option value='FW8001'>FW8001</option> <option value='FW8002'>FW8002</option> <option value='FW8003'>FW8003</option> </select></td></tr><tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>Lanyard Attachment :</td><td width='75%'><input type='checkbox' name='LEADCF106' /> </td></tr><tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>Data Pre-Loading :</td><td width='75%'><input type='checkbox' name='LEADCF104' /> </td></tr><tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>Capacity (Select one or more) :</td><td width='75%' ><select name='LEADCF15' multiple> <option value='64MB'>64MB</option> <option value='128MB'>128MB</option> <option value='256MB'>256MB</option> <option value='512MB'>512MB</option> <option value='1GB'>1GB</option> <option value='2GB'>2GB</option> <option value='4GB'>4GB</option> <option value='8GB'>8GB</option> <option value='16GB'>16GB</option> <option value='32GB'>32GB</option> </select></td></tr><tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>Comments :</td><td width='75%'><input type='text' maxlength='255' name='LEADCF2' /> </td></tr><tr><td colspan=2 align=center style='background-color:#eaeaea'> <input type='submit' name='save' value=Save /> <input type='reset' name='reset' value=Reset /> </td></tr></table><script> var mndFileds=new Array('Company','First Name','Last Name','Email');var fldLangVal=new Array('Company','First Name','Last Name','Email');function checkMandatery(){for(i=0;i<mndFileds.length;i++){ var fieldObj=document.forms['WebToLeads493609000000063013'][mndFileds[i]];if((fieldObj) && ((fieldObj.value).replace(/^\s+|\s+$/g, '')).length==0){alert(fldLangVal[i] +' cannot be empty'); fieldObj.focus(); return false;}else if(fieldObj && (fieldObj.nodeName=='SELECT') && (fieldObj.options[fieldObj.selectedIndex].value=='-None-')){alert(fldLangVal[i] +' cannot be none'); fieldObj.focus(); return false;}}}</script> </form></div>
I need the comments section to include text in the text area, maybe greyed out and when the user clicks on it I need it to disappear