HTML mailto attribute uses to create a mail link that activates the default mail client on the computer for sending an e-mail. It will open default e-mail client software or app.
Note: Default mail program (installed Software/Apps) required to activate the e-mail client.
Example of mailto link HTML
Just use <a> tag and href to create email link.
<a href="mailto:[email protected]">Link text</a>Some important attributes can use:-
| Parameter | Description |
|---|---|
| mailto:[email protected] | e-mail recipient address |
| cc=[email protected] | carbon copy e-mail address |
| bcc=[email protected] | blind carbon copy e-mail address |
| subject=subject text | subject of e-mail |
| body=body text | body of e-mail |
| ? | first parameter delimiter |
| & | other parameters delimiter |
Code
<!DOCTYPE html>
<html>
<body>
<a href="mailto:[email protected]">Send mail</a>
</body>
</html>Output: If default mail client is Microsoft Outlook, then pressing a mailto link will open a new mail window.
Email address with the subject
<a href="mailto:[email protected]?subject=The%20subject%20of%20the%20mail">
Send mail with subject</a>Adding CC and BCC
Use parameters cc and bcc to the href value.
<a href="mailto:[email protected][email protected], [email protected],
[email protected]&[email protected]&subject=Big%20News">
Email Us</a>Adding Body Text
Just add the body parameter into list of parameters.
<a href="mailto:[email protected][email protected], [email protected],
[email protected]&[email protected]&subject=Big%20News&body=Body-goes-here">
Email Us</a>mailto link with subject and body
mailto with content:
<a href="mailto:[email protected]?subject=look at this website&body=Hi,I
found this website and thought you might like it http://www.geocities.com/wowhtml/">
tell a friend</a>Add spaces in the mail’s subject or body
Add spaces by writing %20 in the text of the subject or body.
<a href="mailto:[email protected]?subject=The%20subject&body=This%20is%20a%20message%20body">
Send mail</a>Add line break in the mail’s body
Add newline by writing %0D%0A in the text of the body.
<a href="mailto:[email protected]?body=Line1-text%0D%0ALine2-text">Send mail</a>Do comment if you have any doubts and suggestions on this topics.
Note: The All HTML Examples codes are tested on the Firefox browser and the Chrome browser.
OS: Windows 10
Code: HTML 5 Version
The new line character is exactly what I have needed, thanks! I’ve been trying to just open an email client window and format some text with a new line. I didn’t know there was a new line char for emails. I’m using javascript, electron and quasar and this is an elegant, simple solution!