HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLフォームでメールを送信する方法｜mailto属性の使い方をわかりやすく解説

HTMLフォームを使ってメールを送信したい場合、<form>タグのaction属性にメールアドレスを指定します。その際、メールアドレスの先頭にmailto:を付けて、mailto:emailid@example.comのように記述します。

この方法では、フォームの送信ボタンがクリックされると、訪問者の端末に設定されているメーラー（OutlookやThunderbirdなど）が自動的に起動し、入力内容がメール本文として渡されます。

HTMLフォームでメールを送信するコード例

以下は、HTMLフォームからメールを送信するための基本的なサンプルコードです。実際にブラウザで動作を確認してみてください。

<!DOCTYPE html>
<html>
   <body>
      <h2>学生お問い合わせフォーム</h2>
      <form action="mailto:emailid@example.com" method="post" enctype="text/plain">
         氏名：<br><input type="text" name="sname"> <br>
         件名：<br><input type="text" name="ssubject"><br>
         <input type="submit" value="送信">
      </form>
   </body>
</html>

各属性のポイント

  • action属性：mailto:に続けて送信先のメールアドレスを指定します。
  • method属性：「post」を指定します。
  • enctype属性：「text/plain」を指定することで、入力内容がプレーンテキストとしてメール本文に反映されます。

mailto方式を使用する際の注意点

mailto:によるフォーム送信は手軽な反面、いくつかの制限があります。まず、訪問者のPCやスマホにメーラーが設定されていないと正しく動作しません。また、使用するメーラーやブラウザによって挙動が異なる場合があり、日本語などのマルチバイト文字が文字化けすることもあります。

そのため、実運用のWebサイトでは、PHPやPythonなどのサーバーサイド言語、あるいはFormspreeなどの外部フォームサービスと組み合わせてメールを送信するのが一般的です。mailto:方式は、学習用や簡易的なプロトタイプとして活用するとよいでしょう。

  1. Gmailで送信したメールを取り消す方法｜PC・スマホ対応のUndo Send設定手順を解説

    送信ボタンを押した直後に「あっ、間違えた！」とメールを取り消したくなった経験はありませんか？Outlookには送信済みメールを回収する機能が用意されていますが、Gmailにも似たような機能があるのはご存じでしょうか。 Gmailでは、送信ボタンを押した後でもメールの送信を防ぐことができます。ただしこれを行うには、あらかじめ「送信取り消し（Undo Send）」機能を設定しておく必要があります。この記事で手順をマスターすれば、もう誤った相手にメールを送ってしまう心配はありません。 メールの送信を取り消したくなるシーン 送信ボタンを押した後にメールの送信をキャンセルしたくなる場面は、実はさま

  2. 匿名でメールを送信する方法｜プライバシーを守る3つの実践テクニック

    Gmail、Outlook、Yahoo!メールなど、大手インターネット企業が運営する高機能なメールクライアントは市場に数多く存在します。しかし、こうしたプラットフォームはユーザーの行動や他のオンライン活動を追跡・監視しようとするため、多くのユーザーはオンラインのプライバシーに対して不安を感じています。 通常、メールは双方向のコミュニケーション手段として使われますが、身元を明かさずにメールを送受信したい場面もあるでしょう。その理由は完全に正当なものであり得ます。単にプライバシーを大切にしたい、アカウント登録時に個人情報を提供したくない、あるいは決して追跡されたくない機密性の高いメールを送りたい—