Mailto forms are an easy way to make forms work. Mailto forms rely on email clients to send the form data from the customer's computer to the form owner. The form data is emailed to the owner. If you are new to web design, don't know how to program, or are running a small website, having a mailto form as a contact form is a lot easier than learning to write PHP and cheaper than buying a pre-written script.
HTML forms can be challenging for new web developers because they require more than just learning HTML. You have to have some way to get the form to "work". And that usually requires access to a CGI script or other program to put in the action attribute.
If you don't have access to a script, there is one form action that most modern browsers support.
This is a simple way to get the form data from your website to you.
Tricks to Using Mailto Forms
- Use the
This tells the browser (and email client) that the form is sending plain text rather than anything more complicated. Some browsers and email clients send form data encoded for web pages. This means that the data is sent as one long line, spaces are replaced by plus (+), and other characters are encoded. Using the
enctype="text/plain"attribute helps make the data easier to read.
- Use the
POSTmethod sometimes works, it often just causes the browser to open a blank email window. If this happens to you with the
GETmethod, then try switching to
Sample Mailto Form
Here is a sample form using the mailto action:
<form enctype="text/plain" method="get" action="mailto:firstname.lastname@example.org">
Your First Name: <input type="text" name="first_name"><br>
Your Last Name: <input type="text" name="last_name"><br>
Comments: <textarea rows="5" cols="30" name="comments"></textarea>
<input type="submit" value="Send">
Your customers will see a message saying that the form is being submitted via email. This is what the results look like:
Special Note About Mailto Forms
Mailto forms don't always work. If you set up a mailto form and it doesn't work, check out these two articles:
This article is part of the HTML Forms Tutorial