フォームデコード 確認画面を表示する

No.H0024

確認画面とは

確認画面とは、フォームデコードから送信された入力内容を表示する画面です。確認画面を表示させることで、訪問者は入力内容の確認ができます。

確認画面を表示する

<input type="hidden" NAME="_template_confirm" VALUE="テンプレートファイル名">

確認画面は<INPUT>タグのNAME属性に _template_confirm を指定することで利用できます。表示される画面は、CGIプログラムがフォームデコードの入力情報とVALUE属性で指定したテンプレートファイル (拡張子は「tpl」)をまとめ、自動生成したものです。確認画面のテンプレートファイルはHTMLタグと特別な文字列で記述します。

$_DUMPVAR{VAL}

確認画面の<form>〜</form>内に、必ず $_DUMPVAR{VAL} という文字列を記述してください。この記述がない場合、フォームデコードが正常に動作しません。

作成・利用例 (フリーアドレスの場合)

HTMLファイル (フォームデコード)

<BODY>
<form ACTION="https://cgi.www.ne.jp/cgi-bin/formdecode.cgi" METHOD="POST">
<input type="hidden" NAME="_template_confirm" VALUE="kakunin.tpl">
名前 <input type="text" NAME="name"><br>
性別 <input type="radio" NAME="sex" VALUE="man">男性 <input type="radio" NAME="sex">女性<br>
好きな色は?
<SELECT NAME="color">
<option selected>選んでください。</option>
<option VALUE="red">赤</option>
<option VALUE="blue">青</option>
<option VALUE="yellow">黄</option>
</SELECT><br>
行きたい国は?<br>
<input type="checkbox" NAME="usa" VALUE="on">アメリカ<br>
<input type="checkbox" NAME="china" VALUE="on">中国<br>
<input type="checkbox" NAME="france" VALUE="on">フランス<br>
<input type="checkbox" NAME="germany" VALUE="on">ドイツ<br>
感想<br><textarea NAME="comment" ROWS="4" COLS="30"></textarea><br>
<input type="submit" VALUE="送信"><input type="reset" VALUE="書き直し">
</form>
</BODY>

確認画面を表示する<INPUT>タグを入れたHTMLファイルです。<INPUT>タグは必ず<form>〜</form>内に記述してください。
https://cgi.www.ne.jp/cgi-bin/formdecode.cgi の部分は利用されるサービス(個人・独自ドメイン名・MMJPホームページサービス・SSLサーバ)のものに置き換えてください。

テンプレートファイル kakunin.tpl (確認画面)

<BODY>
<form ACTION="https://cgi.www.ne.jp/cgi-bin/formdecode.cgi" METHOD="POST">
$_DUMPVAR{VAL}
名前:$VAL{name}<br>
性別:$_IF{VAL,sex,man,男性,女性}<br>
好きな色は? :$_SELECT{VAL,color,red,赤,blue,青,yellow,黄}<br>
行きたい国は?:$_IF{VAL,usa,on,アメリカ・,} $_IF{VAL,china,on,中国・,} $_IF{VAL,france,on,フランス・,} $_IF{VAL,germany,on,ドイツ・,} <br>
感想:$VAL{comment}<br>
<input type="submit" VALUE="送信">
<input type="button" VALUE="戻る" onClick="window.history.back ();">
</form>
</BODY>

確認画面のテンプレートファイル (拡張子は「tpl」)です。基本的にHTMLファイルと同じ作りで問題ありませんが、フォームデコードの各項目を、特別な文字列に書き換える必要があります。また、<form>〜</form>内の適当な箇所に、必ず $_DUMPVAR{VAL} という文字列を記述してください。
https://cgi.www.ne.jp/cgi-bin/formdecode.cgi の部分は利用されるサービス(個人・独自ドメイン名・MMJPホームページサービス・SSLサーバ)のものに置き換えてください。

フォームデコード

名前 
性別 男性 女性
好きな色は?
行きたい国は?
アメリカ
中国
フランス
ドイツ
感想

ブラウザ (Internet ExplorerやNetscape Communicator等)の表示です。動作確認のため、テスト送信をします。

確認画面 kakunin.tpl

名前:朝日太郎
性別:男性
好きな色は? :赤
行きたい国は?:アメリカ・ フランス・
感想:安い。

テンプレートファイルを元に自動生成された確認画面です。再度送信ボタンをクリックすると、実際に送信されます。

  • 個人会員の方|ログイン
  • 法人会員の方|ログイン

ASAHIネット会員のID、パスワードを
ご用意ください。

パスワードを忘れた方はこちら

ご友人・知人紹介キャンペーン

お引越しのお手続き