Skip to content

Instantly share code, notes, and snippets.

@ryanhburbank

ryanhburbank/centered_form.html

Last active December 22, 2015 07:59
Show Gist options
  • Save ryanhburbank/6441372 to your computer and use it in GitHub Desktop.
Save ryanhburbank/6441372 to your computer and use it in GitHub Desktop.
Download ZIP
Hey I centered the form, let me know if you have any questions
Raw
centered_form.html
<!DOCTYPE html>
<html lang="en">
<head>
<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;
}
.centered-form {
width: 240px;
margin: 0 auto;
}
</style>
</head>
<body>
<div class="centered-form">
<form class="signup-form" method="post" action="https://app.icontact.com/icp/signup.php" name="icpsignup" id="icpsignup5833" accept-charset="UTF-8" onsubmit="return verifyRequired5833();" >
<input type="hidden" name="redirect" value="http://www.icontact.com/www/signup/thanks.html">
<input type="hidden" name="errorredirect" value="http://www.icontact.com/www/signup/error.html">
<div id="SignUp">
<table width="260" class="signupframe" border="0" cellspacing="0" cellpadding="5">
<tr>
<td valign="top" align="right">
<span class="required">*</span> Email
</td>
<td align="left">
<input type="text" name="fields_email">
</td>
</tr>
<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">
Last Name
</td>
<td align="left">
<input type="text" name="fields_lname">
</td>
</tr>
<tr>
<td valign="top" align="right">
Birthday Month #
</td>
<td align="left">
<input type="text" name="fields_birthdaymonth#">
</td>
</tr>
<input type="hidden" name="listid" value="9950702">
<input type="hidden" name="specialid:9950702" value="QTIJ">
<input type="hidden" name="clientid" value="44143">
<input type="hidden" name="formid" value="5833">
<input type="hidden" name="reallistid" value="1">
<input type="hidden" name="doubleopt" value="0">
<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 icpForm5833 = document.getElementById('icpsignup5833');
if (document.location.protocol === "https:")
icpForm5833.action = "https://app.icontact.com/icp/signup.php";
function verifyRequired5833() {
if (icpForm5833["fields_email"].value == "") {
icpForm5833["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>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment