メールフォームの設置手順

水沢テレビ インターネット サービスをご利用中のお客様の自作サイト内でメールフォームをご利用いただく手順をご紹介します。

ダウンロード

メール送信用のファイルと、メール送信機能を組み込むためのサンプルページをこちらからダウンロードします。
展開ウィザードWindowsXPをお使いの方であれば、ダウンロードしたファイル上で右クリックをして[すべて展開(A)...]を選ぶと解凍できます。
ダウンロードしたファイルを解凍すると、以下の3つのファイルが入ったmailformというフォルダが作成されます。
smaple-completion.html
メール送信後に表示するサンプルページ。
sample-mailform.html
メールフォームのサンプルページ。このページからメールを送信します。
mailform.php
メールフォームCGI

ファイルの編集

フォームメールCGI(mailsend.php)の編集

mailformフォルダにあるmailsend.phpをテキストエディタで開き、「設定項目」の5行目、8行目、11行目の以下の項目を編集します。
$mailto
水沢テレビ インターネットサービスでご利用中のメールアドレスを設定します。
$urljump
メールが送信された後に表示するページのファイル名を設定します。
$subject
送信されるメールの件名を設定します。
以下は変更例です。
  • $mailto = 'username@catv-mic.ne.jp';
  • $urljump = 'sample-completion.html';
  • $subject = 'フォームメール投稿内容';

送信後に表示するページ(sample-completion.html)の編集

mailsend.phpの$urljumpで設定したファイルを編集します。
サンプルの設定では送信後に表示するページのファイル名はsample-completion.htmlとなっておりますので、必要に応じてファイル名を変更してください。
【お詫び】ダウンロード用サンプルファイルsample-completion.html中の<TITILE>は誤りで、正しくは<TITLE>です。
以下にサンプル例を掲載します。
送信完了ページ サンプル
サンプルソース
  • <html>
  • <head><title>送信完了</title></head>
  • <body>
  • <h1>送信完了</h1>
  • </body>
  • </html>

メールフォーム送信用ページ(smaple-mailform.html)の編集

フォームメールを送信するページを作成します。
メールフォーム サンプル
サンプルソース
本サンプルは<form>タグ内の<input>タグと<textarea>タグの内容が送信されます。
以下のサンプルでは、名前、mail、居住地、本文が送信されます。
  • <body>
  • <h1>メールフォーム　サンプル</h1>
  • <hr>
  • <form action="mailsend.php" method="post" name="mailsend" id="mailsend">
  • <table>
    • <tr>
      • <td>◇お名前</td>
      • <td><input name="名前" size="20"></td>
    • </tr>
    • <tr>
      • <td>◇メールアドレス</td>
      • <td><input name="mail" size="24"></td>
    • </tr>
    • <tr>
      • <td>◇お住まい</td>
      • <td><input type="radio" name="居住地" value="北海道">北海道　
      • <input type="radio" name="居住地" value="東北">東北　
      • <input type="radio" name="居住地" value="関東">関東　
      • <input type="radio" name="居住地" value="中部">中部　
      • <input type="radio" name="居住地" value="近畿">近畿　<br>
      • <input type="radio" name="居住地" value="四国">四国　
      • <input type="radio" name="居住地" value="九州">九州　
      • <input type="radio" name="居住地" value="沖縄">沖縄　
      • <input type="radio" name="居住地" value="国外">国外</td>
    • </tr>
    • <tr>
      • <td>◇メッセージ</td>
      • <td><textarea name="本文" cols="60" rows="4"></textarea></td>
    • </tr>
  • </table>
  • <p>
    • <input type="submit" value="　送信します　">
  • </p>
  • </form>
  • <hr>
  • </body>

アップロード

これまでの変更を加えたファイルをmailformフォルダごとFTPアップロードします。
以下はFileZillaを使ったアップロードの例です。
アップロード左側のローカルサイトのmailformフォルダを右側のリモートサイトへドラッグ&ドロップします。

動作確認

ウェブブラウザで設定用URLにアクセスします。
http://users.catv-mic.ne.jp/~(アカウント)/mailform/sample-mailform.html
(アカウント)はお客様の「アカウント名」と置き換えてください。

メッセージ作成

メールフォームに以下の要領で必要事項を入力し、[送信します]ボタンをクリックするとメールが送信されます。
メールフォーム

メッセージ確認

お使いのメールソフトで新着メッセージをご確認ください。
以下は、上記サンプルフォームから送信されるメールの例です。
送信されたメール
ボット知ってますか?
総務省・経済産業省連携
プロジェクト
サイバークリーンセンター