ウェブサイトに記載したメールアドレスを起動させた時、「あらかじめメールソフト画面に件名・本文などを入力しておく方法」

web制作

読了の目安時間: 153

テキストリンクでメールソフトを起動させた時、そのメール作成画面にあらかじめ件名・本文などのテキスト情報を入力しておくことができます。

ウェブサイトに記載したメールアドレスを起動させた時、「あらかじめメールソフト画面に件名・本文などを入力しておく方法」

特定のルールでコードを埋めるだけでOK!

▼件名・本文などのテキスト情報を入力する基本構文はこちらです。

<a href="mailto:XXXX@XXXX.XXX?subject=件名が入ります。&body=本文が入ります。">メーラー起動のテキストリンク</a>

メーラー起動のテキストリンク

▼出力例
mail-1

?で情報を区切っていて、subjectが件名、bodyが本文となっています。途中で空白などのスペースを入れると、きちんと動作しなくなってしまいますので、必ず字詰めして使うようにしましょう。

例文

改行したり、半角スペースを入れたり、?の文字列を入力したい時は下記ソースを参考にしてください。

<a href="mailto:XXXX@XXXX.XXX?subject=件名が入ります。&body=一行目テキストが入ります。%20半角スペースです。%3fマークです。%0d%0a改行ができます。%0d%0a三行目テキストが入ります。%0d%0a%0d%0aクレジット情報が入ります。">お問い合わせはこちら</a>

お問い合わせはこちら

▼出力例
mail-2

%0d%0aで改行、%20で半角スペース、%3fで?マークを表示しています。

参考

文字列エンコーディングなどの問題が起きた時は下記リンクを参照してみてください。詳しく記載されています!
http://www.tagindex.com/html_tag/link/a_mailto_sub.html
http://www.dspt.net/html_tag/005_data/008.html
http://oki2a24.com/2012/09/05/how-to-use-mailto-link/

キヨタツ
キヨタツの一言

メーラーよりはフォーム情報を推奨します。

今読んだ記事をシェアする

mail-thumb

ウェブサイトに記載したメールアドレスを起動させた時、「あらかじめメールソフト画面に件名・本文などを入力しておく方法」

  • このエントリーをはてなブックマークに追加
  • Pocket

このブログサイトが参考になった人は、いいねボタン! 更新情報も受け取れます!

arrow
デル株式会社
  • Pocket
  • このエントリーをはてなブックマークに追加

キヨタツ

キヨタツ

WEBを中心に、色々な制作をする個人事業主です。過去、エンジニア&webディレクターで会社勤めをしていました。主に要件定義や構築が得意で、HTML/css/javascript/PHP/git/wordpress/MT/DB/photoshop/illustrator/fireworksなど扱えます。現在、サーバー・アプリなどを習得中です。性格は、自虐好きです。