E-mail Forms


Defualt/First Step (required)

This must go before all e-mail forms, replace the "EMAIL HERE" with your e-mail address.

<FORM METHOD="POST" ACTION="mailto:EMAIL HERE">

Space Input

EX:

This is the part of the form where you want visitors to put their name, URL, or something else not to large.

<INPUT TYPE="text" NAME="name" SIZE="# here">
*To make it so the visitor can type only a certain amount of characters in the input use this...
<INPUT TYPE="text" NAME="name" SIZE="# here" maxlength="# here">

Text Box

EX:

This is the part of the form where you want visitors to put comments or suggestion, something that can take up some typing space.

<TEXTAREA NAME="comment" ROWS="# here" COLS="# here"></TEXTAREA>
*To make it so the visitor can type only a certain amount of characters in the input use this...
<TEXTAREA NAME="comment" ROWS="# here" COLS="# here" maxlength="# here"></TEXTAREA>

Radio Button

EX:

This is the part of the form where you want visitors to be able to choose between options.

<INPUT TYPE="radio" NAME="heading of button" VALUE="button name here">

Check Box

EX:

This is the part of the form where you want visitors to be able to check off what they apply to between some options.

<INPUT TYPE="checkbox" NAME="NAME HERE" VALUE="Name">

Drop Down List

EX:

This is the part of the form where you want visitors to be able to select what they choose from a menu of options.

<SELECT NAME="Title" SIZE="1"> <OPTION SELECTED>Option 1 <OPTION>Option 2 <OPTION>Option 3 <OPTION>Option 4 <OPTION>Option 5 <OPTION>Option 6 <OPTION>Option 7 </SELECT>

Submit and Reset Buttons (required)

EX:

This is the part of the form where you want visitors to be able to submit all the things they applied to and filled out.
Submit sends the e-mail, reset clears all the form inputs and selections.

<INPUT TYPE="submit"><INPUT TYPE="reset">

End Form (required)

At the end of your form code include the following HTML code...

</form>


Tips & Hints

*Use <br> to organize the form and space it out.

*Use this to completely change the border, text color, and overall look to the form inputs and buttons...

<style type="text/css"> <!-- input { color: COLOR HERE; background: ; font-size: 9px; font-weight: bold; text-decoration: none; font-family: FONT FACE HERE; text-align: center; border-width: 2px; border-style: ridge; border-color:COLOR HERE; } --> </style>