A bit of formatting can help beautify your form. This is what the form looks like on
our site
.
Here is the code and feel free to play with it. Ensure to alter the MAIL TO email address.
Code:
<div style="background-color:#E4E4E4; padding:2px 20px 50px 20px">
<form action="MAILTO:contact-????@toastmastersclubs.org?subject=Tell me more about your club" enctype="text/plain" method="post">
<h3>Got Goals?</h3>
Let's discuss how our Toastmasters speech club will help you meet and exceed your goals.<br /><br />
<div style="float:right; position:relative;">Name: <input name="Name" size="70" type="text" /></div><br />
<div style="float:right; position:relative;">Email: <input name="email" size="70" type="text" /></div><br />
<div style="float:right; position:relative;">Phone: <input name="Phone" size="70" type="text" /></div><br />
<div style="float:right; position:relative;">Comments: <input name="Comments" size="70" type="text" /></div><p><p/><br />
<options style="clear: right; color:#666666; float: left; font-size:9pt; margin-left: 90px; margin-top: 15px;">All fields optional</options>
<div style="float: right; margin-top: 10px;">
<input type="submit" style="background-color: #CAFFCA; border: 1px solid #B1B1B1; width: 115px;" value="Send" />
<input type="reset" style="background-color: #E4E4E4; border: 1px solid #B1B1B1; value="Reset" /></div>
</form>
</div>