メール送信フォームの設定方法　カスタマイズ

投稿者が「送信」ボタンを押した後に表示されるページのカスタマイズ方法についてご説明いたします。

カスタマイズ前

mail_3

「送信」ボタンをクリックすると・・・

guest_3

カスタマイズするには・・・

（１）
メール送信フォームのHTMLに<INPUT TYPE=”hidden” NAME=”endmail” VALUE=”[ファイル名].html”>を挿入（ファイル名は任意）します。
なお、この<INPUT TYPE=”hidden” NAME=”endmail” VALUE=”thanks.html”>は<FORM METHOD=”post” ACTION=”http://cgi01.cts.ne.jp/cgi-bin/uncgi/guestbook.cgi”>の次行に挿入してください。
また、指定するファイルは、ユーザのドキュメントルートからのパスで指定してください。

                    
(例) http://www1.cts.ne.jp/xxxxxxxx/mail/thanks.htmlを指定する場合
<INPUT TYPE="hidden" NAME="endmail" VALUE="mail/thanks.html">

（２）
（１）で指定したHTMLファイルを作成します。
この場合、HTMLファイルに記述するリンク、イメージファイル名等の指定には、必ず「http://」から始まる絶対パスで記述してください。

(例）メール送信フォームのHTML

                    

<FORM METHOD="post" ACTION="http://cgi01.cts.ne.jp/cgi-bin/uncgi/query.cgi">
<INPUT TYPE="hidden" NAME="endmail" VALUE="thanks.html">
<INPUT TYPE="hidden" NAME="tomail" VALUE="ctstaro@yyyy.cts.ne.jp">
<INPUT TYPE="hidden" NAME="submail" VALUE="mail from my page">
あなたのメールアドレス:<BR>
<INPUT TYPE="text" NAME="fromail" SIZE="40">
<P>
あなたのお名前:<BR>
<INPUT TYPE="text" NAME="name" SIZE="40">
<P>
本文:<BR>
<TEXTAREA NAME="comment" ROWS="10" COLS="50"></TEXTAREA>
<P>
<INPUT TYPE="submit" VALUE="送信">
<INPUT TYPE="reset" VALUE="リセット">
</FORM>

「送信」ボタンを押した後に表示させるページのHTML

                    
<HTML>
<HEAD>
<TITLE>メール送信完了</TITLE>
</HEAD>
<BODY>
送信ありがとうございます。<BR>
<a href="http://www1.cts.net.jp/xxxxxxxx/index.html">トップページへ</a>
</BODY>
</HTML>

※”http://www1.cts.ne.jp/xxxxxxxx/index.html“はお客様によって異なります。
※”xxxxxxxx“はFTPアカウント(username)です。
※”yyyy“はサブドメインです。

カスタマイズ後

mail_3

「送信」ボタンをクリックすると・・・

guest_4

無料相談

ケーブルテレビ品川ではお客さまに最適なプランをご提案します。
テレビはもちろん、インターネット・スマートフォン・最新のIoT機器までお気軽にご相談ください。