フォームの内容をメールで送信する

[統計] HTMLからXHTMLへの移行を進めていますか?


<form method="POST" action="" enctype="">

ブラウザ
Internet Explorer Netscape Firefox Opera
タイプ
ブロック要素

formタグにこの指定を行うと、プログラムを使わずにフォームの内容をメールで送信することができます。

【ご利用上の注意】

この送信方法は簡易的なメールフォームとして使用できますが、環境によっては正常に機能しない場合があります。また、メールソフトを起動して送信するスタイルになるので、一般的なメールフォームのイメージとは大きく異なります。(そのため、一般公開しているサイトでのご使用はおすすめいたしません。)

確実に送信できるメールフォームを設置したい場合は、CGI等のプログラムを使用するようにしてください。

●ご参考までに ...
オススメCGIスクリプト … PostMailKENT-WEB
レンタルフォームを検索 … 無料 メールフォーム レンタル

※以下のサンプルコードをコピーする場合は、メールアドレスの書き換えを忘れないようにご注意ください。


<form method="POST" action="mailto:info@example.com" enctype="text/plain">


method="" POST を指定します
action="" mailto: に続けて送信先のメールアドレスを記述します
enctype="" text/plain(または multipart/form-data )を指定します

【action="" の指定について】

メールアドレスに続けて次のように指定すると、件名を指定することができます。

action="mailto:info@example.com?subject=問い合せ"

?subject= に続けて件名を記述します。

【enctype="" の指定について】

text/plain … メールの本文として内容が送信されます
multipart/form-data … メールに添付される形で内容が送信されます

扱いやすさの点から text/plain の指定をお勧めしますが、文字化けなどの不具合が発生する場合には、multipart/form-data も試してみてください。


使用例

info@example.com 宛にフォームの内容を送信する場合

<form method="POST" action="mailto:info@example.com?subject=問い合せ" enctype="text/plain">

<p>お名前 :<input type="text" name="name" size="40"></p>

<p>
メッセージ:
<br>
<textarea cols="50" rows="5" name="message"></textarea>
</p>

<p><input type="submit" value="送信する"></p>

</form>

これをブラウザで見ると次のように表示されます

お名前 :

メッセージ:

※サンプルのため送信できません

メールのサンプル

メールサンプル

Outlook Expressを使用した場合の例



[特集] レンタルサーバー比較 & サーバー選びのチェックポイント