| 対象 | ふるーつねっとご利用のお客様 |
| 内容 |
共通のCGIを利用して、フォームの内容をサーバーからメールとして送信することができます。 |
| 設置方法 | まずフォームをつくり、ルールに従ってタグを追加して下さい。 |
 フォーム作成例 |
作成上のルール |
オプション |
表示例 |
フ ォ ー ム 作 成 例  |
 |
||
|
【注】作成するフォームの様式・項目数に制約はありませんが、1ページに１つとしてください。 このフォームでは「お名前」と「電話番号」にオプションの 未入力項目のチェックを行なっています。 また、「メールアドレス」は入力されるとチェックを行います。 送信されたメールの表示例はこちら |
|||
 |
 |
フ ォ ー ム 作 成 上 の ル ー ル |
|
||||||||||||||||||||
|
フォームを作ったら、 下記のようにスクリプト行をヘッダに埋め込み ACTIONを指定して、５つのhidden属性の入力テキストを設定してください。そして 送信ボタンのsubmit属性をbutton属性に変更して、クリック時のスクリプトを定義します。 ★フォームを設置するページの文字コードは「UTF-8」を推奨しています。
|
|||||||||||||||||||||
|
|
| 【フォーム作成例】のソースはこのようになります 赤文字の部分はご自分のメールアドレス、メールタイトルを指定してください。 |
|
： <script type="text/javascript" src="/js/mf.js"></script> ： <form method="POST" action="/member/mf/mform2.cgi"> <input type="hidden" name="_recipient" value="catv@fruits.jp"> <input type="hidden" name="_next_url" value="http://www.fruits.ne.jp/mform_ok.html"> <input type="hidden" name="_mail_title" value="■お申し込み■"> <input type="hidden" name="_mail_style" value="html"> <input type="hidden" name="_confirm" value="page"> <table border="1" cellpadding="2" cellspacing="0" bgcolor="#ffffcc"> <tbody> <tr> <td align="center">お名前</td> <td bgcolor="#ffffff"> <input type="text" name="お名前!" size="38"> </td> <td>年齢</td> <td bgcolor="#ffffff"> <select size="1" name="年齢"> <option value="--">--</option> <option value="10代">10代</option> <option value="20代">20代</option> <option value="30代">30代</option> <option value="40代">40代</option> <option value="50代">50代</option> <option value="60代">60代</option> <option value="70代">70代</option> </select> </td> </tr> <tr> <td align="center">住所</td> <td colspan="3" bgcolor="#ffffff"> <input type="text" name="住所" size="66"> </td> </tr> <tr> <td align="center">電話番号</td> <td colspan="3" bgcolor="#ffffff"> <input type="text" name="電話番号!" size="37"> </td> </tr> <tr> <td align="center">メールアドレス</td> <td colspan="3" bgcolor="#ffffff"> <input type="text" name="_mail_address" size="41"> </td> </tr> <tr> <td align="center">ご注文品名</td> <td bgcolor="#ffffff"> <input type="text" name="注文品名１" size="45"> </td> <td>数量</td> <td bgcolor="#ffffff"> <input type="text" name="注文品名１の数量" size="10"> </td> </tr> <tr> <td align="center">発送エリア</td> <td colspan="3" bgcolor="#ffffff"> <input type="checkbox" name="北海道" value="ON">北海道 <input type="checkbox" name="東北" value="ON">東北 <input type="checkbox" name="関東" value="ON">関東 <input type="checkbox" name="信越" value="ON">信越 <input type="checkbox" name="近畿" value="ON">近畿 <input type="checkbox" name="中国" value="ON">中国 </td> </tr> <tr> <td align="center">お支払い方法</td> <td colspan="3" bgcolor="#ffffff"> <input type="radio" name="支払い方法" value="振込み" checked >振込み <select size="1" name="振り込み先"> <option value="−−">−−</option> <option value="郵便局">郵便局</option> <option value="山梨中央銀行">山梨中央銀行</option> </select> <input type="radio" name="支払い方法" value="現金書留" >現金書留 <input type="radio" name="支払い方法" value="代引き[ペリカソ便]">代引き[ペリカソ便] </td> </tr> <tr> <td align="center"> ご意見・ご要望</td> <td colspan="3" bgcolor="#ffffff"> <TEXTAREA rows="3" name="ご意見・ご要望" cols="50"></TEXTAREA> </td> </tr> </tbody> </table> <div align="center"> <input type="button" onclick="soushin()" value="送信"> <input type="reset" value="リセット"> </div> </form> |
オ プ シ ョ ン |
|
|||||
（１）メールアドレスと電話番号のチェック テキスト入力エリアの名前が「メールアドレス」の場合は メールアドレスとしての正当性をチェックします。（ドメイン・ホスト名までのチェックです。アカウントまでのチェックはできません） テキスト入力エリアの名前が「電話番号」の場合は数字とハイフンのみの入力であるかチェックします。(２）未入力項目のチェック フォームのコンポーネントの名前(name)に"!"を含ませると未入力をチェックし、警告メッセージを表示します。
警告メッセージには"!"を除外した項目の名前を含んで表示します。 (３）送信者のメールアドレスに返信メールを送信する設定 以下のようにhidden属性の設定をしてください。_reply_mailが"yes"なら_reply_mail_titleで指定されたメールのタイトル、_reply_mail_templateで指定されたテンプレートテキストファイルのメールの内容で送信します。
テンプレートのファイルはテキストエディタで作成します。以下のように本文に他の入力項目を[項目名]の形で埋め込むことが可能です。
|
||||||
|
|
受 信 メ ー ル の 表 示 例 |
|
|||||||||||||||||||||||||||||||||||||||||
（１）テキスト形式
（２）HTML形式
|
||||||||||||||||||||||||||||||||||||||||||
|
|
| フォーム作成例 |
作成上のルール |
オプション |
表示例 |
電話 0553-22-6822
受付時間 午前9時から午後5時まで
（日曜日・祝日は除く）
