<html><head>
<title>ショッピングバスケット(サンプル)</title></head>

<body bgcolor=#ffffff>
<h1>ショッピングバスケット利用例<hr noshade></h1>

(フォーム例１)<p>

<form method=post action="cargo.cgi">

<!-- 購入命令 name=action value=regist -->
<input type=hidden name="action" value="regist">

<!-- 商品名入力 name=goods value=商品名 -->
商品Ａ
<input type=hidden name="goods" value="商品Ａ">

<!-- 単価指定 name=unit value=単価 -->
単価 1,000円
<input type=hidden name="unit" value="1000">

<!-- 購入数入力 name=amount value=数量 -->
購入数
<input type=text name="amount" value="0" size=3>個<br>

<!-- 備考入力 name=rem value=内容 -->
備考
<input type=text name="rem" value="" size=20>

<input type=submit value="カゴへ">
</form>
<p>

<hr noshade><p>

(フォーム例２)<p>

<form method=post action="cargo.cgi">

<!-- 購入命令 name=action value=regist -->
<input type=hidden name="action" value="regist">

<!-- 商品名入力 name=goods value=商品名 -->
商品Ｂ
<input type=hidden name="goods" value="商品Ｂ">

<!-- 単価指定 name=unit value=単価 -->
単価 1,500円
<input type=hidden name="unit" value="1500">

<!-- 購入数入力 name=amount value=数量 -->
購入数
<select name="amount" size=1>
<option value="0">0
<option value="1">1
<option value="2">2
<option value="3">3
<option value="4">4
<option value="5">5
</select>個<br>

<!-- 備考入力 name=rem value=内容 -->
備考
<input type=text name="rem" value="" size=20>

<input type=submit value="カゴへ">
</form>
<p>

<hr noshade><p>

(フォーム例３：単価が同じで商品を選択させる場合)<p>

<form method=post action="cargo.cgi">

<!-- 購入命令 name=action value=regist -->
<input type=hidden name="action" value="regist">

<!-- 商品名入力 name=goods value=商品名 -->
商品名
<select name="goods" size=1>
<option value="商品Ｃ">商品Ｃ
<option value="商品Ｄ">商品Ｄ
<option value="商品Ｅ">商品Ｅ
</select><br>

<!-- 単価指定 name=unit value=単価 -->
単価 2,000円
<input type=hidden name="unit" value="2000">

<!-- 購入数入力 name=amount value=数量 -->
購入数
<select name="amount" size=1>
<option value="0">0
<option value="1">1
<option value="2">2
<option value="3">3
<option value="4">4
<option value="5">5
</select>個<br>

<!-- 備考入力 name=rem value=内容 -->
備考
<input type=text name="rem" value="" size=20>

<input type=submit value="カゴへ">
</form>
<p>

<hr noshade><p>

(フォーム例４：備考欄を利用してサイズを指定する場合)<p>

<form method=post action="cargo.cgi">

<!-- 購入命令 name=action value=regist -->
<input type=hidden name="action" value="regist">

<!-- 商品名入力 name=goods value=商品名 -->
商品名
<select name="goods" size=1>
<option value="商品Ｃ">商品Ｃ
<option value="商品Ｄ">商品Ｄ
<option value="商品Ｅ">商品Ｅ
</select><br>

<!-- 単価指定 name=unit value=単価 -->
単価 2,000円
<input type=hidden name="unit" value="2000">

<!-- 購入数入力 name=amount value=数量 -->
購入数
<select name="amount" size=1>
<option value="0">0
<option value="1">1
<option value="2">2
<option value="3">3
<option value="4">4
<option value="5">5
</select>個<br>

<!-- 備考入力 name=rem value=内容 -->
サイズ
<select name="rem" size=1>
<option value="SS">SS
<option value="S">S
<option value="M">M
<option value="L">L
<option value="LL">LL
<option value="3L">3L
</select>

<input type=submit value="カゴへ">
</form>
<p>

<hr noshade><p>

(フォーム例５：同じ商品で異単価のものを選択させる場合)<p>

<form method=post action="cargo.cgi">

<!-- 購入命令 name=action value=regist -->
<input type=hidden name="action" value="regist">

<!-- 商品名入力 name=goods value=商品名 -->
商品Ｆ
<input type=hidden name="goods" value="商品Ｆ">

<!-- 単価指定 name=unit value=単価 -->
<select name="unit" size=5>
<option value="1000" selected>10個入 1,000円
<option value="1500">15個入 1,500円
<option value="2000">20個入 2,000円
<option value="2500">25個入 2,500円
<option value="3000">30個入 3,000円
</select>

<!-- 購入数入力 name=amount value=数量 -->
購入数
<select name="amount" size=1>
<option value="0">0
<option value="1">1
<option value="2">2
<option value="3">3
<option value="4">4
<option value="5">5
</select>個<br>

<!-- 備考入力 name=rem value=内容 -->
<input type=radio name="rem" value="お見舞い包装">お見舞い包装
<input type=radio name="rem" value="簡易包装" checked>簡易包装

<input type=submit value="カゴへ">
</form>
<p>

<hr noshade><p>

(フォーム例６)<p>

<form method=post action="cargo.cgi">

<!-- 購入命令 name=action value=regist -->
<input type=hidden name="action" value="regist">

<!-- 商品名入力 name=goods value=商品名 -->
商品Ｇ
<input type=hidden name="goods" value="商品Ｇ">

<!-- 単価指定 name=unit value=単価 -->
単価 1,000円
<input type=hidden name="unit" value="1000">

<!-- 購入数入力 name=amount value=数量 -->
<input type=hidden name="amount" value="1">

<!-- 備考項目は無くてもよい -->

<input type=submit value="商品Ｇを１つカゴへ">
</form>
<p>

<form method=post action="cargo.cgi">

<!-- 購入命令 name=action value=regist -->
<input type=hidden name="action" value="regist">

<!-- 商品名入力 name=goods value=商品名 -->
商品Ｈ
<input type=hidden name="goods" value="商品Ｈ">

<!-- 単価指定 name=unit value=単価 -->
単価 1,500円
<input type=hidden name="unit" value="1500">

<!-- 購入数入力 name=amount value=数量 -->
<input type=hidden name="amount" value="1">

<!-- 備考項目は無くてもよい -->

<input type=submit value="商品Ｈを１つカゴへ">
</form>
<p>

<hr noshade><p>

&lt;form&gt;から&lt;/form&gt;の間に商品１つを設定します。<br>
以上の例の他にあなたのＨＴＭＬフォーム応用力次第でいろいろな構成ができるでしょう！<p>

<hr noshade><p>

<!-- 単に cargo.cgi にアクセスする -->
<form method=post action="cargo.cgi">
<input type=submit value="現在の買物カゴの中身を表示">
</form><p>

または<p>

<h3>[<a href="cargo.cgi">現在の買物カゴの中身を表示</a>]</h3>

<hr noshade><p>

<a href="cookie.cgi" target="_top">ショッピングバスケットがあなたのブラウザで利用できるかどうかの試験</a><br>
(利用できない場合はお手数ですが直接電子メール等でご注文ください)<p>

<hr noshade><p>

</body>
</html>

