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

Tweet

Category develop, html5 2012/08/02

問題

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

答え

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

そんな 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）のリンクを作成するツールを作ってみました。