SOFTELメモ Developer's blog

会社概要 ブログ 調査依頼 社員募集 ...

aタグのmailto:で件名、本文まで指定する例

問題

メール送信のリンクをクリックしたら、件名と本分をセットした状態でメールソフトを起動して欲しい。

a mailto:

答え

「環境によっては、動作は保障できないよ」とはいえ、だいたいの環境でうまくいくようなら、やりたいと言われることもあるわけで。

そんな mailto:に引数を付けて、メールの件名、本文まで指定する例。


通常のメール送信のリンクは以下のとおり。

<a href="mailto:test@example.com">メールのお問い合わせはこちら!</a>

DEMO メールのお問い合わせはこちら!(ノーマル。件名、本文なし。)


件名はsubject、本文はbodyで付け足す。よくあるGETで渡す引数の形で、メールアドレス?subject=何々&body=何々の形。

<a href="mailto:test@example.com?subject=kenmei&body=honbun">メールのお問い合わせはこちら!</a>

DEMO メールのお問い合わせはこちら!(件名、本文あり。)


日本語、記号、改行等を含む場合は、URL用にエンコードする。

<a href="mailto:test@example.com?subject=%E2%97%8B%E2%97%8B%E3%81%AE%E3%81%8A%E5%95%8F%E3%81%84%E5%90%88%E3%82%8F%E3%81%9B&body=%E3%81%8A%E5%95%8F%E3%81%84%E5%90%88%E3%82%8F%E3%81%9B%E5%86%85%E5%AE%B9%E3%82%92%E3%81%94%E8%A8%98%E5%85%A5%E3%81%8F%E3%81%A0%E3%81%95%E3%81%84%E3%80%82">メールのお問い合わせはこちら!</a>

DEMO メールのお問い合わせはこちら!(日本語で、件名、本文あり。)


こんなに長くても…… 一応大丈夫な環境では大丈夫。

件名
【資料請求】Softelメモについて
本文
以下の情報を入力して、送信お願いします。

お名前:
ふりがな:
郵便番号:
住所:
ご意見:
<a href="mailto:test@example.com?subject=%E3%80%90%E8%B3%87%E6%96%99%E8%AB%8B%E6%B1%82%E3%80%91Softel%E3%83%A1%E3%83%A2%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6&body=%E4%BB%A5%E4%B8%8B%E3%81%AE%E6%83%85%E5%A0%B1%E3%82%92%E5%85%A5%E5%8A%9B%E3%81%97%E3%81%A6%E3%80%81%E9%80%81%E4%BF%A1%E3%81%8A%E9%A1%98%E3%81%84%E3%81%97%E3%81%BE%E3%81%99%E3%80%82%0A%0A%E3%81%8A%E5%90%8D%E5%89%8D:%0A%E3%81%B5%E3%82%8A%E3%81%8C%E3%81%AA:%0A%E9%83%B5%E4%BE%BF%E7%95%AA%E5%8F%B7:%0A%E4%BD%8F%E6%89%80:%0A%E3%81%94%E6%84%8F%E8%A6%8B:%0A">メールのお問い合わせはこちら!(長文テスト)</a>

DEMO メールのお問い合わせはこちら!(長文テスト)


メール送信リンク作成ツール

日本語は、エンコードしなくても大丈夫な環境も多いみたいですが、どうしてもエンコードしておきたいときのために、問題のメール(mailto)のリンクを作成するツールを作ってみました。




SAMPLE

HTML

関連するメモ

コメント(2)

aranet 2012年8月9日 14:29

件名までは表示できましたが、本文はすべて化けてます。
WIN7 IE9 LIVEMAILです。
この環境ではだめなのでしょうかね。

yoshimura 2012年8月9日 14:49

私もだめでした。
Windows7 + LiveMail で、Firefoxは大丈夫、Chromeはだめでした。
本文を仕込むのは通常は避けた方がよさそうですね。