フォームを使用したユーザーからの情報の収集

ユーザーからの情報収集について

web フォームまたはハイパーテキストリンクを使用してユーザーから情報を収集し、その情報をサーバーのメモリに保存してから、その情報を使用してユーザーの入力に基づいた動的な応答を作成できます。ユーザー情報を収集するための最も一般的なツールは、HTMLフォームとハイパーテキストリンクです。

ユーザーから情報を収集し、サーバーのメモリに保存できます。HTML フォームは、情報をフォームパラメーターまたは URL パラメーターとして送信できます。

ユーザーから情報を収集し、サーバーのメモリに保存できます。ユーザーがリンクをクリックしたときに送信される値（または複数の値）を指定するには（例えば設定）、アンカータグで指定された URL に値を追加します。ユーザーがリンクをクリックすると、ブラウザーは URL と追加された値をサーバーに送信します。

Dreamweaver 以降では、ユーザーインターフェイスが簡素化されています。 そのため、この記事で説明されているオプションの一部が Dreamweaver 以降には存在しない場合があります。 詳しくは、こちらの記事を参照してください。

HTML フォームパラメーター

フォームパラメーターは、POST または GET メソッドを使用して HTML フォームによりサーバーに送信されます。

POST メソッドを使用する場合、パラメーターはドキュメントのヘッダーの一部として web サーバーに送信され、標準的な方法でページを表示している人には表示されず、アクセスもできません。POST メソッドは、データベースコンテンツに影響する値（レコードの挿入、更新、または削除など）、またはメールで送信される値に使用する必要があります。

GET メソッドは、要求された URL にパラメーターを追加します。そのため、ページを参照しているすべてのユーザーがパラメーターを表示できます。 GET メソッドを検索フォームに使用しないでください。

Dreamweaver を使用して、フォームパラメーターをサーバーに送信する HTML フォームを素早くデザインできます。ブラウザーからサーバーに情報を送信するために使用するメソッドを認識しておいてください。

フォームパラメーターの名前は、対応するフォームオブジェクトの名前です。 例えば、フォームに txtLastName という名前のテキストフィールドが含まれている場合、ユーザーが送信ボタンをクリックしたときに次のフォームパラメーターがサーバーに送信されます：

txtLastName=enteredvalue

web アプリケーションが正確なパラメーター値を期待している場合（例えば、複数のオプションの 1 つに基づいてアクションを実行する場合）、ラジオボタン、チェックボックス、またはリスト/メニューフォームオブジェクトを使用して、ユーザーが送信できる値をコントロールします。これにより、ユーザーが情報を間違って入力してアプリケーションエラーを引き起こすことを防げます。次の例は、3 つの項目から選択できるポップアップメニューフォームです。

各メニュー選択肢は、サーバーにフォームパラメーターとして送信されるハードコードされた値に対応します。次の例のリスト値ダイアログでは、各リスト項目を値（追加、更新、または削除）に対応付けます：

フォームパラメーターが作成された後、Dreamweaver は値を取得して web アプリケーションで使用できます。Dreamweaver でフォームパラメーターを定義した後、その値をページ内に挿入できます。

URL パラメーター

URL パラメーターを使用すると、ブラウザーからサーバーにユーザー提供の情報を渡すことができます。サーバーがリクエストを受信し、パラメーターがリクエストの URL に追加されている場合、サーバーは要求されたページをブラウザーに提供する前に、そのページにパラメーターへのアクセスを可能にします。

URL パラメーターは、URL に追加される名前と値のペアです。パラメーターは クエスチョンマーク（?）で始まります。name=value という形式で表されます。 複数の URL パラメーターが存在する場合、各パラメーターは アンパサンド（&）で区切られます。以下の例では、 2 つの名前と値のペアを持つ URL パラメーターを示しています：

http://サーバー/パス/ドキュメント?name1=value1&name2=value2

このワークフロー例では、Web ベースのショッピングサイトのアプリケーションを想定しています。 サイトの開発者は可能な限り幅広いオーディエンスにリーチしたいと考えているため、サイトは外国通貨に対応するように設計されています。ユーザーが サイトにログインすると、利用可能なアイテムの価格を 表示する通貨を選択できます。

HTML リンクを使用した URL パラメーターの作成

HTML リンク内で URL パラメーターを作成するには、 HTML アンカータグの href 属性を使用します。URL パラメーターは、コードビューで属性に直接入力する （表示／コード）か、プロパティインスペクターのリンクボックスで リンク URL の末尾に URL パラメーターを追加して入力できます。

次の例では、3つのリンクが単一のURLパラメーター（action）を作成し、3つの値（Add、Update、Delete）を指定できます。ユーザーがリンクをクリックすると、パラメーター 値がサーバーに送信され、要求されたアクションが実行されます。

<a href="http://www.mysite.com/index.cfm?action=Add">レコードを追加</a>

<a href="http://www.mysite.com/index.cfm?action=Update">レコードを更新</a>

<a href="http://www.mysite.com/index.cfm?action=Delete">レコードを削除</a>

プロパティインスペクター（ウィンドウ／プロパティ）では、リンクを選択し、リンクボックス内のリンクURLの末尾にURLパラメーター値を追加することで、同じURLパラメーターを作成できます。

URL パラメーターを作成した後、Dreamweaver は値を取得して web アプリケーションで使用できます。Dreamweaver で URL パラメーターを定義した後、ページ内にその値を挿入することができます。

その他の関連ヘルプ

• web フォームの作成
• ページへの動的コンテンツの追加
• データベースへのアクセス
• URL パラメーターとフォームパラメーターについて
• リンク
• フォームパラメーターの定義