【HTML mailto:】リンクでメーラー起動の覚え書き

2019-03-24 04:02

お問い合わせフォームを作るのは大変ですが、メールでのお問い合わせなら、お手軽に設置できます。

htmlの<a>タグの「mailto」を使ってよりカスタムしたメールのお問い合わせボタンを作っていきましょう。

基本の構文

<a href="mailto:contact@example.com?subject=問い合わせ&body=ご記入ください">メールはこちらへ</a>

<a>のhref内に全てを記述していきますので、スペースや改行はNGです。

contact@example.com … 送信先のメールアドレスを記述します
? … メールアドレスを認識させます(URLのクエリと同じ扱いです)
subject= … メールの件名を記述します
body= … メールの本文を記述します
& … 件名と本文を & マークで区切ります(文字参照で & と記述します)

さらに詳しく情報を入れる

<a href="mailto:info@example.com?cc=cc@example.com&bcc=bcc@example.com&subject=件名&body=本文です。%0d%0aここに名前を入れてください。%0d%0a(姓%20名)">

cc= … CCに設定するメールアドレスを記述します
bcc= … BCCに設定するメールアドレスを記述します
%0d%0a … 改行を入れます
%20 … 半角スペースを入れます
%3f … ? マークを表示します

サンプルはこちら