ZAQ ホスティング サービスページ

お問い合わせ 0120-52-3915 携帯・PHS 可 受付時間:10:00 ~ 18:00 (年中無休)

フォームデコードのご利用方法 <カスタマイズ例>

記述例の任意入力項目(8~18行目)はある程度自由にカスタマイズすることができます。 参考までに、例をいくつかご紹介いたします。

※カスタマイズについてはサポート外となります。専門書や専門のホームページなどをご参照ください。
使用するブラウザにより、カスタマイズ内容が正常に反映されない場合があります。

例1(テキストボックスの枠や背景の色を変更)

[LIST]

1 <h2>お客様へ</h2>
2 <p>下記空欄にもれなくご記入ください。</p>
3 <form method="post" action="/public/formdecode">
4 <input type="hidden" name=".to" value="********@###.jp">
5 <input type="hidden" name=".subject" value="mailsubject">
6 <input type="hidden" name=".thanks"
7 value="http://www.###.jp/thanks.html">
8 <p>お名前<br>
9 <input type=“text” name= "1お名前" size="30" style="border: lightblue">lightblue1pt
10 solid;"></p>
11 <p>メールアドレス<br>
12 <input type=“text” name= "2メールアドレス" size="30" style="border: lightblue1pt
13 solid;"></p>
14 <p>電話番号<br><input type="text" name="3電話番号" size="30" style="border:
15 lightblue1pt solid;"></p>
16 <p>誕生日(西暦)<br>
17 <input type=“text” name= "4誕生日" size="18" style="border: lightblue1pt solid;">
18 ( 例 )1960 年 10 月 7 日なら 19601007 とご記入下さい。</p>
19 <p>お問い合わせ内容<br><textarea name="5お問い合わせ内容" rows= "4"
20 cols="50" style="font-size:10pt;color:black;background-color:aliceblue;border-
21 style:double;border-width:4 0 4 0;border-color:lightblue">
22 </textarea></p>
23 <br><input type="submit" value="送信">
24 <input type="reset" value="リセット">
25 </form>

記入フォームの画面

※画面はWindowsXP InternetExplorerのものです。

メール出力例

※画面はWindowsXP InternetExplorerのものです。

サンプルダウンロード

例2(テキストボックスの枠や背景の色を変更 その2)

[LIST]

1 <h2>お客様へ</h2>
2 <p>下記空欄にもれなくご記入ください。</p>
3 <form method="post" action="/public/formdecode">
4 <input type="hidden" name=".to" value="********@###.jp">
5 <input type="hidden" name=".subject" value="mailsubject">
6 <input type="hidden" name=".thanks"
7 value="http://www.###.jp/thanks.html">
8 <p>お名前<br>
9 <input type=“text” name= "1お名前" size="30" style="border: lightpink 1pt
10 solid; background-color:seashell"></p>
11 <p>メールアドレス<br>
12 <input type=“text” name= "2メールアドレス" size="30" style="border: lightpink">lightpink
13 1pt solid; background-color:seashell "></p>
14 <p>電話番号<br><input type="text" name="3電話番号" size="30" style="border:
15 lightpink 1pt solid; background-color:seashell "></p>
16 <p>誕生日(西暦)<br>
17 <input type=“text” name= "4誕生日" size="18" style="border: lightpink 1pt
18 solid; background-color:seashell ">
19 ( 例 )1960 年 10 月 7 日なら 19601007 とご記入下さい。</p>
20 <p>お問い合わせ内容<br><textarea name="5お問い合わせ内容" rows= "4"
21 cols="50" style="font-size:10pt;color:black;background-color:seashell;border-
22 style:double;border-width:4 0 4 0;border-color:lightpink">
23 </textarea></p>
24 <br><input type="submit" value="送信">
25 <input type="reset" value="リセット">
26 </form>

記入フォームの画面

※画面はWindowsXP InternetExplorerのものです。

メール出力例

※画面はWindowsXP InternetExplorerのものです。

サンプルダウンロード

例3

ラジオボタン(複数の選択肢から1つを選ぶボタン)、ドロップダウンリスト(一覧から項目を1つ選択する機能)、チェックボックス(選択肢から複数選択できるボタン)を追記

[LIST]

1 <h2>お客様へ</h2>
2 <p>下記空欄にもれなくご記入ください。</p>
3 <form method="post" action="/public/formdecode">
4 <input type="hidden" name=".to" value="********@###.jp">
5 <input type="hidden" name=".subject" value="mailsubject">
6 <input type="hidden" name=".thanks"
7 value="http://www.###.jp/thanks.html">
8 <p>お名前<br>
9 <input type="text" name="1お名前" size="30"></p>
10 <p>性別<br>
11 <input type="radio" name="2性別" value="男性" selected checked>男性 
12 <input type="radio" name="2性別" value="女性">女性</p>
13 <p>年齢<br>
14 <select name="3年齢">
15 <option value="20歳未満" selected>20歳未満</option>
16 <option value="20代">20代</option>
17 <option value="30代">30代</option>
18 <option value="40代">40代</option>
19 <option value="50代">50代</option>
20 <option value="60歳以上">60歳以上</option>
21 </select></p>
22 <p>メールアドレス<br>
23 <input type="text" name="4メールアドレス" size="30"></p>
24 <p>電話番号<br>
25 <input type="text" name="5電話番" size="30"></p>
26 <p>持っている携帯電話の種類(複数選択可)<br>
27 <INPUT TYPE="checkbox" NAME="6携帯電話" VALUE="Docomo">Docomo
28 <INPUT TYPE="checkbox" NAME="6携帯電話" VALUE="Vodafone">Vodafone
29 <INPUT TYPE="checkbox" NAME="6携帯電話" VALUE="AU">AU
30 <INPUT TYPE="checkbox" NAME="6携帯電話" VALUE="TU-KA">TU-KA
31 <INPUT TYPE="checkbox" NAME="6携帯電話" VALUE="PHS">PHS
32 <INPUT TYPE="checkbox" NAME="6携帯電話" VALUE="持っていない">持っていない</p>
33 <p>お問い合わせ内容<br>
34 <textarea name="7お問い合わせ内容" rows="4" cols="50"></textarea></p>
35 <br><input type="submit" value="送信">
36 <input type="reset" value="リセット">
37 </form>

記入フォームの画面

※画面はWindowsXP InternetExplorerのものです。

メール出力例

※画面はWindowsXP InternetExplorerのものです。

サンプルダウンロード

ご利用上の注意

ご自分で作成されたCGI、SSI等について、他のお客さまの利用に影響をあたえる恐れ等があるCGI、SSIについてはご利用いただけない場合があります。あらかじめご了承ください。

免責事項について

本CGIを運用された結果について、当社は一切の責任を負いかねます。ご利用は利用者個人の責任において行ってください。

Copyright (C) Jupiter Telecommunications Co., Ltd. All Rights Reserved.