How to make Email Form in HTML! ~ The Tech Students™

Thursday, February 24, 2011

How to make Email Form in HTML!

Thursday, February 24, 2011 Derrick Brother 1 comment

So you wanna know how to make email form in HTML right? Well, lets get started on that! First of all, the text in red means that you can change that text to your own email address. So here is our Code:

Code:
<form action="mailto:you@youremailaddress.com"
method="POST"
enctype="multipart/form-data"
name="Email Form">

Name:<br>
<input type="text" name="Name" size="20">

Email:<br>
<input type="email" name="Email" size="20">

Subject:<br>
<input type="text" name="Subject" size="20">

Message:<br>
<textarea name="Visitor Message" cols="20" rows="10"></textarea>

<input type="submit" value="Submit">
</form>

Here is an Example:

Well, that's all you have to do. Copy and paste the code in html website. If you wanna try it but do not have anything to try it on then here is what you do:

Open NotePad:

Insert the Following Code:

<html>
<head>
<title>Testing!</title>
<body>

<form action="mailto:you@youremailaddress.com"

method="POST"

enctype="multipart/form-data"

name="Email Form">

Name:<br>

<input type="text" name="Name" size="20">

Email:<br>

<input type="email" name="Email" size="20">

Subject:<br>

<input type="text" name="Subject" size="20">

Message:<br>

<textarea name="Visitor Message" cols="20" rows="10"></textarea>

<input type="submit" value="Submit">
</form>

</body>

</head>

</html>

After that, save it on desktop as "Contact Form.htm".     
Now Double Click on that file and you should see the form!   
That's It. If you have any questions then feel free to use our contact form or leave your question in a comment.