Member Sign In
Not a member?

A Wired.com user account lets you create, edit and comment on Webmonkey articles. You will also be able to contribute to the Wired How-To Wiki and comment on news stories at Wired.com.


It's fast and free.

Sign in with OpenID
Sign In
Webmonkey is a property of Wired Digital.
processing...
Join Webmonkey
Please send me occasional e-mail updates about new features and special offers from Wired/Webmonkey.
Yes No
Please send occasional e-mail offers from Wired/Webmonkey affiliated web sites and publications, and carefully selected companies.
Yes No
I understand and agree that registration on or use of this site constitutes agreement to Webmonkey's User Agreement and Privacy Policy.
Webmonkey is a property of Wired Digital.
processing...

Retrieve Sign In

Please enter your e-mail address or username below. Your username and password will be sent to the e-mail address you provided us.

or
Webmonkey is a property of Wired Digital.
processing...

Welcome to Webmonkey

A private profile page has been created for you.
As a member of Webmonkey, you can now:
  • edit articles
  • add to the code library
  • design and write a tutorial
  • comment on any Webmonkey article
Close
Webmonkey is a property of Wired Digital.

Sign In Information Sent

An e-mail has been sent to the e-mail address registered in this account.
If you cannot find it in your in-box, please check your bulk or junk folders.
Sign In
Webmonkey is a property of Wired Digital.

Make a Mailto Link

/skill level/
/viewed/
0 Times

To create a link that sends an e-mail to somebody, use the HTML mailto: tag.

Your code will look like this: 

<a href="mailto:webmonkey@wired.com>Send an e-mail to Webmonkey</a> 
and tell us how much you love cats.

When the reader clicks on that link, their default e-mail application will launch and a blank e-mail addressed to webmonkey@wired.com (or whatever address you put in the link) will open up.

You can fill out a subject for them, too. Just throw a ?subject= into your code. Your markup will end up looking something like this: 

<a href="mailto:webmonkey@wired.com?subject=I-love-cats-too!">Jon</a>, 
a Webmonkey writer, adores cats. 

Share your cat stories with him and you'll make his day! 
He especially loves cat images -- so feel free to mail 
him attachments.

This is what the code will look like on your Web page:

Jon, a Webmonkey writer, adores cats. Share your cat stories with him and you'll make his day! He especially loves cat images - so feel free to mail him attachments.

When he gets your feline-friendly mail, the subject: line in all the mail will read, "I love cats too!"

Tip: This hack works for the cc: and bcc: fields as well, so you can address e-mails to multiple recipients all in one link.


Introduction

You can write &body= text &cc= aa@mail allow this like ex.

When using multiple fields in your mailto links escape the Ampersands with '&amp;'. Doing that will allow your code to validate in the w3 validator. 

<a href="mailto:webmonkey@wired.com&amp;cc=aa@webmaster.com&amp;bbc=aa@aa.com&amp;body=Love You Loy Dog %0A%0A%0A%0A Really>Send an e-mail to Webmonkey</a> 
and tell us how much you love cats.
Retrieved from "http://www.webmonkey.com/tutorial/Make_a_Mailto_Link"
  • This page was last modified 00:52, 22 June 2009.
Edit this article
Reddit Digg
 
Subscribe now

Special Offer For Webmonkey Users

WIRED magazine:
The first word on how technology is changing our world.

Subscribe for just $10 a year