携帯サイトでメールボタンの設置

携帯コンテンツ内で、任意の件名／本文でメールを送信する機能をつける場合、下記の2種類の方法があると思う。

• メールの送信をボタンにして、フォームでサブミットさせる
• メールの送信をリンクにして、クリックさせる

その際に注意する点があったので、まとめておく。

①メールの送信をボタンにして、フォームでサブミットさせる場合

<form action="mailto:{メールアドレス}">
    <input type="text" name="subject" value="{件名}" />
    <input type="text" name="body" value="{本文}" />
    <input type="submit" value="メール送信" />
</form>

※subjectに「件名」をbodyに「本文」を入れる。

キャリアごとのformにmailtoを使用できるかどうかの表

キャリア	使用可否
docomo	○
au	○
softbank	×

※全キャリアを扱うコンテンツでは、推奨しない！

②メールの送信をリンクにして、クリックさせる

<a href="mailto:{メールアドレス}?subject={件名}&body={本文}">メール送信</a>

キャリアごとのaにmailtoを使用できるかどうかの表

キャリア	使用可否
docomo	○
au	○
softbank	○

※任意の文字を挿入する場合は、推奨！

追記

メール本文内での改行の方法は、「%0D%0A」を入れると改行される。

<a href="mailto:{メールアドレス}?subject=件名&body=本文１%0D%0A本文２">メール送信</a>

↓
メールの本文は、下記になる。

本文１
本文２

携帯コンテンツを作り始めてまだ少しだが、色々難しいな・・。