Skip to content

Instantly share code, notes, and snippets.

@ryarwood
Created November 26, 2012 23:43
Show Gist options
  • Save ryarwood/4151407 to your computer and use it in GitHub Desktop.
Save ryarwood/4151407 to your computer and use it in GitHub Desktop.
Simple HTML Form
<style type="text/css">
/********************************************************
INTEREST LIST
********************************************************/
#interestLeft {
width: 490px;
float: left;
padding-left: 30px;
}
#interestRight {
}
#contactForm {
width: 405px;
overflow: hidden;
}
#contactForm label {
width: 50%;
float: left;
font-size: 0.85em;
line-height: 1.3em;
color: #000;
font-weight: 400;
padding-bottom: 10px;
}
#contactForm input {
width: 90%;
background: #FFF;
padding: 5px 2px 5px 2px;
margin-top: 4px;
border: 1px solid #CCC;
}
#submitForm {
color: #FFF;
background-color: #6E1F00;
width: 170px;
text-align: center;
display: block;
padding: 8px 20px 8px 20px;
margin: 0 auto;
}
</style>
<!-- interest list form -->
<form id="contactForm" name="contactForm" method="post" action="/thank-you/">
<label for="firstName" >First Name<input name="firstName" id="firstName" type="text" alt="First Name" /></label>
<label for="lastName" >Last Name<input name="lastName" id="lastName" type="text" alt="Last Name" /></label>
<label for="phone" >Phone<input name="phone" id="phone" type="text" alt="Phone" /></label>
<label for="email" >Email<input name="email" id="email" type="text" alt="Email" /></label>
<label for="address" >Address<input name="address" id="address" type="text" alt="Address" /></label>
<label for="city" >City<input name="city" id="city" type="text" alt="City" /></label>
<label for="state" >State<input name="state" id="state" type="text" alt="State" /></label>
<label for="zip" >Zip<input name="zip" id="zip" type="text" alt="Zip" /></label>
<input name="submitForm" type="button" id="submitForm" value="Submit &gt;" />
</form>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment