自分のHP上のフォームから使用する場合の設定方法

 最初は、フォーム作成ページで、お名前・メールアドレスだけのフォームを作成して
 ダウンロードしてください。

 そのダウンロードしたものをご参照の上、下記をお読み下さいませ。
 

フォームの開始

<FORM で始まる部分は、そのままお使いください。

<form action="http://www.11form.com/brusr/form10.cgi" method="post"> 応答くん
<form action="http://www.11form.com/brusr/form11.cgi" method="post"> 注文さん
<form action="http://www.11form.com/brusr/form12.cgi" method="post"> Mr.12
<form action="http://www.11form.com/brusr/form20.cgi" method="post"> 営業くん
<form action="http://www.11form.com/brusr/form21.cgi" method="post"> 秘書さん
<form action="http://www.11form.com/brusr/form25.cgi" method="post"> スーパー秘書さん
絶対に必要な項目

「お名前」「メールアドレス」の項目は絶対にいれてくださいください。
必須の指定「*」はしないでください。(長さの変更はいいです)

<input type="text" name="お名前" size="30">
<input type="text" name="メールアドレス" size="30">
フォームを閉じる部分

 下記の項目は、そのままお使い下さい。
 「送 信」を 「送る」とか「送信」に変えてはいけません。
 「内容確認」も「確認」と「チェック」にかえてはダメデス。この文字のままお使い下さい。

<INPUT type="hidden" size="1" name="code" value="あなたのコード">
<INPUT type="hidden" size="1" name="mlcd" value="あなたのコード">
<INPUT type="submit" name="mode" value="送 信">
<INPUT type="submit" name="mode" value="内容確認">
<INPUT type="reset" value="リセット">
必須指定

 必須項目の指定は、項目名に、全角のアスタリスクをつけてください。
 住所を必須とする場合は、項目名を「住所」とします。
 

改行指定

 備考欄・通信欄などで、「改行」が必用な場合は、項目名に、全角のCRをつけてください。
 「ご意見」をテキストエリアで入力してもらう場合は、項目名を「ご意見CR」とします。
 

上級者のかたへ

 入力チェックはJAVAスクリプトをつかうと楽です。この場合、項目名の全角アスタリスクをはずしてもいいです。
 <FORM の部分の後ろを、  onSubmit="return subchks()" name="Fid">とします。

 送信や、内容確認が押されたときに、subchks() 内という関数が走ります。 フォームの名前はFidです。
 ということになります。

 フォームの書き出し部分に、上記のように指定して、<HEAD>の部分に下記のようなスクリプトを入れておきます。
 そうすると、未入力の場合、フォームが実行されずにポップアップでエラーメッセージが表示されます。

 ちょっと大きくしておきます。 > document.Fid.お名前.value 
 つなぎは、ピリオドです。


<HEAD>
・・・・・・・
<script language="JavaScript">
<!--

function subchks() {

if (document.Fid.お名前.value == ""){ alert('お名前が未入力です'); return false;}
if (document.Fid.メールアドレス.value == ""){ alert('メールアドレスが未入力です'); return false;}
if (document.Fid.都道府県.value == ""){ alert('都道府県が未入力です'); return false;}
if (document.Fid.住所.value == ""){ alert('住所が未入力です'); return false;}
if (document.Fid.電話番号.value == ""){ alert('電話番号が未入力です'); return false;}

return true;
}
//-->
</script>

</head>
 

Copyright 2003 YourBrain Co.ltd. All rights reserved.