Struggling to create custom form fields. :(
Prosperity – A word of special meaning for Internet Entrepreneurs | Prosperity Clicks
This is a test post in which you can see the footer opt-in. It fades in at the bottom of the text area after about 3 seconds.
The part below the optin form test text is the form I'm trying to create (2 field form with graphical submit button). I've put a blank form field area in there to show the layout I'm trying to achieve (however, I can't get the cells to space for some reason). But, once I start adding in all the <form> stuff from my auto-responder code snippet, the layout gets even more messed up than it is.
So, can anyone help me create the vertical form field with the submit graphic using auto-responder code?
<style> .link, .link a, .signupframe { color: #226699; font-family: Arial, Helvetica, sans-serif; font-size: 13px; } .link, .link a { text-decoration: none; } .signupframe { border: 1px solid #000000; background: #ffffff; } .signupframe .required { font-size: 10px; } </style> <form method="post" action="https://app.icontact.com/icp/signup.php" name="icpsignup" id="icpsignup12837" accept-charset="UTF-8" onsubmit="return verifyRequired12837();" > <input type="hidden" name="redirect" value="http://www.prosperityclicks.com/subscribe-success/"> <input type="hidden" name="errorredirect" value="http://www.prosperityclicks.com/subscribe-error/"> <div id="SignUp"> <table width="260" class="signupframe" border="0" cellspacing="0" cellpadding="5"> <tr> <td valign="top" align="right"> First Name </td> <td align="left"> <input type="text" name="fields_fname"> </td> </tr> <tr> <td valign="top" align="right"> <span class="required">*</span> Email </td> <td align="left"> <input type="text" name="fields_email"> </td> </tr> <input type="hidden" name="listid" value="0"> <input type="hidden" name="specialid:0" value="XG6W"> <input type="hidden" name="clientid" value="0"> <input type="hidden" name="formid" value="12837"> <input type="hidden" name="reallistid" value="1"> <input type="hidden" name="doubleopt" value="1"> <tr> <td> </td> <td><span class="required">*</span> = Required Field</td> </tr> <tr> <td> </td> <td><input type="submit" name="Submit" value="Submit"></td> </tr> </table> </div> </form> <script type="text/javascript"> var icpForm12837 = document.getElementById('icpsignup12837'); if (document.location.protocol === "https:") icpForm12837.action = "https://app.icontact.com/icp/signup.php"; function verifyRequired12837() { if (icpForm12837["fields_email"].value == "") { icpForm12837["fields_email"].focus(); alert("The Email field is required."); return false; } return true; } </script> <span class="link"><a href="http://www.icontact.com">Email Marketing</a> You Can Trust</span>
Learn Video Marketing
Web strategist and adventurer. Director of Search Engine Friendly Hosting. ---Fast, affordable, feature packed hosting from £1.97. --- Search Engine Friendly Web Hosting
[VIDEO] How to set up a WordPress blog in under 10 minutes.