Dreamweaver での ColdFusion フォームの作成と有効化

最終更新日 : 2024年4月25日
メモ

Dreamweaver 以降では、ColdFusion のサポートが削除されています。

ColdFusion フォームについて

ColdFusion フォームには、フォームデータを検証するためのいくつかの組み込みメカニズムが用意されています。 たとえば、ユーザーが有効な 日付を入力したことを確認できます。フォームコントロールに追加の機能が含まれている場合もあります。 いくつかはHTMLに対応するものがなく、その他はデータソースからコントロールを動的に設定することを直接サポートしています。

Dreamweaver では、ColdFusion MX 7 以降を開発 サーバーとして使用する ColdFusion デベロッパー向けに、多数の拡張機能を 提供しています。これらの拡張機能には、より多くの挿入パネル ボタン、メニュー項目、プロパティインスペクターが含まれており、ColdFusion フォームを迅速に 作成してプロパティを設定できます。サイト訪問者によって提供される情報を検証する コードを生成することもできます。たとえば、ユーザーが提供したメールアドレスに @ シンボルが含まれているか、または必須のテキストフィールドに特定のタイプの値が含まれているかを確認できます。

ColdFusion 拡張機能の有効化

これらの 拡張機能の一部では、ColdFusion MX 7 以降を実行するコンピューターを Dreamweaver のテストサーバーとして定義する必要があります。 たとえば、フォームコントロール用のプロパティインスペクターは、 正しいテストサーバーを指定した場合にのみ使用できます。

テスト サーバーは一度だけ定義します。その後、Dreamweaver は テストサーバーのバージョンを自動的に検出し、ColdFusion を検出すると拡張機能を 使用可能にします。

まだ設定していない場合は、ColdFusion プロジェクト用の Dreamweaver サイトを定義します。
サイト/サイトの管理を選択し、リストから サイトを選択して「編集」をクリックします。
サーバーカテゴリを選択し、ColdFusion MX 7 以降を実行するコンピューターを、Dreamweaver サイトのテストサーバーとして指定します。有効な Web URL を指定してください。
ColdFusion ドキュメントを開きます。

ColdFusion ドキュメントを開くまで、Dreamweaver ワークスペースに目に見える変化はありません。

ColdFusion フォームの作成

多数の挿入パネルボタン、 メニュー項目、プロパティインスペクターを使用して、Dreamweaver で ColdFusion フォームを迅速に作成し、そのプロパティを設定できます。

メモ

これらの拡張機能 は、ColdFusion MX 7 以降を実行するコンピューターへのアクセス権がある場合にのみ使用できます。

ColdFusion ページを開き、ColdFusion フォームを表示する 場所に挿入ポイントを配置します。
挿入/ ColdFusion Objects/CFForm/CFForm を選択するか、 挿入パネルから CFForm カテゴリを選択して CF Form アイコンをクリックします。

Dreamweaver により空の ColdFusion フォームが挿入されます。デザインビューでは、フォームは赤い点線のアウトラインで示されます。 このアウトラインが表示されない場合は、表示/ビジュアル補助/不可視要素が選択されていることを確認してください。

フォームがまだ選択されていることを確認してから、プロパティ インスペクターを使用して、次のフォームプロパティのいずれかを設定します。

CFForm

フォームの名前を設定します。

アクション

フォームが送信されるときに処理される Adobe ColdFusion ページの名前を指定できます。

メソッド

ブラウザーがフォームデータをサーバーに送信する際に使用する方法を定義できます:

POST

HTTP POST メソッドを使用してデータを送信します。このメソッドでは、データを別のメッセージでサーバーに送信します。

GET

HTTP get 方法を使用してデータを送信し、フォームフィールドの内容を URL クエリ文字列に配置します。

ターゲット

cfform タグの target 属性の値を変更できます。

エンコーディングタイプ

フォームデータの送信に使用するエンコードメソッドを指定します。

メモ

エンコードの種類は文字エンコードを基準としません。 この属性では、メソッドの値が post の場合に、フォームをサーバーに送信する際に使用するコンテンツタイプを指定します。 この属性の初期設定値は application/x-www-form-urlencoded です。

フォーマット

作成されるフォームの種類を決定します。

HTML

HTML フォームを生成してクライアントに送信します。 cfgrid と cftree の子コントロールは、Flash またはアプレット形式にできます。

Flash

Flash フォームを生成してクライアントに送信します。 すべてのコントロールが Flash 形式です。

XML

XForms XML を生成し、結果を ColdFusion フォーム名の変数に配置します。クライアントには何も送信されません。 cfgrid 子コントロールと cftree 子コントロールは Flash またはアプレットフォーマットでもかまいません。

スタイル

フォームのスタイルを指定します。 詳細については、ColdFusion ドキュメントを参照してください。

Flash/XML Skin

出力にスタイルを追加するハローカラーを指定します。 テーマは、ハイライト表示および選択された要素に使用される色を決定します。

データを保持

フォームが自身に投稿された際に、送信された値で初期コントロール値を上書きするかどうかを決定します。

  • False の場合、コントロールタグ属性で指定された値が使用されます。

  • True を指定した場合は、送信された値が使用されます。

スクリプト src

タグとその子タグで使用されるクライアントサイドのコードを含む JavaScript ファイルの、web ルートからの相対 URL を指定します。この属性は、ファイルがデフォルトの場所にない場合に有用です。この属性は、/CFIDE ディレクトリへのアクセスをブロックする一部のホスティング環境や設定で必要になる場合があります。デフォルトの場所は ColdFusion Administrator で設定されており、デフォルトでは /CFIDE/scripts/cfform.js です。

アーカイブ

cfgrid、cfslider、cftree アプレットコントロール用のダウンロード可能な Java クラスの URL を指定します。初期設定の場所は "/CFIDE/classes/cfapplets.jar" です。

高さ

フォームの高さを指定します。

フォームの幅を指定します。

CFFORM のタグエディターを表示

プロパティインスペクターで表示されないプロパティを編集します。

ColdFusion フォームコントロールを挿入します。

ColdFusion フォームコントロールを ColdFusion フォーム内に表示したい場所に挿入ポイントを配置し、Insert メニュー(Insert > ColdFusion Objects > CFForm)から、または Insert パネルの CFForm カテゴリからコントロールを選択します。

必要に応じて、Property inspector でコントロールのプロパティを設定します。

Design ビューでコントロールが選択されていることを確認し、Property inspector でプロパティを設定します。プロパティの詳細については、Property inspector のヘルプアイコンをクリックしてください。

ColdFusion フォームのレイアウトを調整します。

HTML ベースのフォームを作成している場合は、改行、段落改行、整形済みテキスト、またはテーブルを使用してフォームを書式設定できます。ColdFusion フォームを別の ColdFusion フォーム内に挿入することはできませんが(つまり、タグを重複させることはできません)、ページに複数の ColdFusion フォームを含めることができます。

Flash ベースのフォームを作成している場合は、Cascading Style Sheets(CSS)スタイルを使用してフォームをレイアウトしてください。ColdFusion では、フォーム内の HTML は無視されます。

ColdFusionフォームフィールドには、ユーザーが何に回答しているかがわかるように、説明的なテキストでラベルを付けることを忘れないでください。例えば、名前情報をリクエストするために「名前を入力してください」というラベルを作成します。

ColdFusion フォームコントロールの挿入

挿入パネルまたは挿入メニューを使用して、ColdFusionフォームコントロールをColdFusionフォームにすばやく挿入します。コントロールを挿入する前に、空白のColdFusionフォームを作成する必要があります。

メモ

これらの拡張機能は、ColdFusion MX 7以降を実行しているコンピューターにアクセスできる場合にのみ使用できます。

デザインビューで、フォームアウトライン内に挿入ポイントを配置します。
挿入メニューからコントロールを選択(挿入 > ColdFusion オブジェクト > CFForm)するか、挿入パネルの CFForm カテゴリから選択します。
ページ上のコントロールをクリックして選択し、プロパティインスペクターでプロパティを設定します。

特定のコントロールのプロパティについては、コントロールに関する項目を参照してください。

ColdFusion テキストフィールドの挿入

ColdFusion のテキストフィールドまたはパスワードフィールドをフォームに視覚的に挿入し、そのオプションを設定することができます。

メモ

この拡張機能は、ColdFusion MX 7以降を実行しているコンピュータにアクセスできる場合にのみ使用できます。

ColdFusion テキストフィールドを視覚的に挿入

デザインビューで、フォームアウトライン内に挿入ポイントを配置します。
挿入パネルの CFForm カテゴリで、CF テキストフィールドアイコンをクリックするか、挿入 > ColdFusion オブジェクト > CFForm > CFtextfield を選択します。

テキストフィールドがフォームに表示されます。

テキストフィールドを選択し、プロパティインスペクターでプロパティを設定します。
ページ上のテキストフィールドにラベルを付けるには、その横をクリックしてラベル用のテキストを入力します。

パスワードフィールドの視覚的な挿入

テキストフィールドを挿入する前の手順のステップ1と2を繰り返します。
挿入されたテキストフィールドを選択して、プロパティインスペクターを表示します。
プロパティインスペクターの「テキストモード」ポップアップメニューから「パスワード」値を選択します。

CFTextField のオプション(ColdFusion)

ColdFusion のテキストまたはパスワードフィールドのオプションを設定するには、CFTextField プロパティインスペクターで次のいずれかのオプションを設定します:

CFtextfield

id 属性を設定します(<cfinput> タグ)。

Value

ページが最初にブラウザーで開かれるときにフィールドに表示するテキストを指定できます。情報は静的または動的のいずれかになります。

動的な値を指定するには、値ボックスの横にある稲妻アイコンをクリックし、動的データダイアログボックスでレコードセット列を選択します。レコードセット列は、ブラウザーでフォームを表示するときにテキストフィールドに値を提供します。

テキストモード

通常のテキスト入力フィールドとパスワード入力フィールドを切り替えることができます。このコントロールによって変更される属性はtypeです。

読み取り専用

表示テキストを読み取り専用にします。

最大長

テキストフィールドで受け入れられる文字の最大数を設定します。

マスク

要求したテキストのマスクを指定します。 ユーザーの入力を検証する際に、このプロパティを使用します。 マスクフォーマットは A、9、X、? の 各文字で構成されます。

メモ

マスク属性は cfinput type="password" タグでは無視されます。

バリデート

現在のフィールドの検証の種類を指定します。

検査

フィールドが検証されるタイミングを指定します:onSubmit、onBlur、またはonServer。

ラベル

テキストフィールドのラベルを指定します。

パターン

入力を検証する JavaScript 正規表現パターンを指定できます。始めと終わりのスラッシュは省略します。 詳細については、 ColdFusion ドキュメントを参照してください。

高さ

コントロールの高さをピクセル単位で指定します。

コントロールの幅をピクセル単位で指定します。

サイズ

コントロールのサイズを指定します。

必須

フォームがサーバーに送信される前に、テキストフィールドにデータが含まれている必要があるかどうかを指定できます。

タグエディターを表示

プロパティインスペクターで表示されないプロパティを編集します。

ColdFusion 非表示フィールドの挿入

ColdFusion 非表示フィールドをフォームに視覚的に挿入し、 そのプロパティを設定できます。非表示フィールドを使用して、ユーザーが入力しない情報を 保存および送信します。この情報は ユーザーから非表示になります。

メモ

この機能拡張は、ColdFusion MX 7 以降を実行しているコンピュータへのアクセス権がある場合にのみ使用できます。

デザインビューで、 フォームアウトライン内に挿入ポイントを配置します。
挿入パネルの CFForm カテゴリで、 CF Hidden Field アイコンをクリックします。

マーカーが ColdFusion フォームに表示されます。 マーカーが表示されない場合は、表示/ビジュアルエイド/ 非表示エレメントを選択します。

ページ上の非表示フィールドを選択し、プロパティインスペクターで次の オプションのいずれかを設定します:

Cfhiddenfield

非表示フィールドの一意の名前を指定します。

Value

非表示フィールドの値を指定します。 データは静的または動的のいずれかにすることができます。

動的値を指定するには、値ボックスの横にある稲妻アイコンをクリックし、動的データダイアログでレコードセット列を選択します。レコードセット列は、 ブラウザーでフォームを表示する際にテキストフィールドに値を提供します。

バリデート

現在のフィールドの検証の種類を指定します。

検査

フィールドが検証されるタイミングを指定します:onSubmit、onBlur、またはonServer。

ラベル

コントロールのラベルを指定します。 このプロパティは 実行時に ColdFusion サーバーによって無視されます。

パターン

入力を検証する JavaScript 正規表現パターンを 指定できます。始めと終わりのスラッシュは省略します。 詳細については、 ColdFusion ドキュメントを参照してください。

高さ

コントロールの高さをピクセル単位で指定します。 実行時の ColdFusion サーバーでは、このプロパティは無視されます。

コントロールの幅をピクセル単位で指定します。 実行時の ColdFusion サーバーでは、このプロパティは無視されます。

サイズ

コントロールのサイズを指定します。 このプロパティは 実行時に ColdFusion サーバーによって無視されます。

必須

フォームがサーバーに送信される前に、非表示フィールドに データが含まれている必要があるかどうかを指定できます。

タグエディターを表示

プロパティインスペクターで表示されないプロパティを編集します。

ColdFusion テキスト領域の挿入

ColdFusion テキストエリアをフォームに視覚的に挿入し、そのプロパティを 設定できます。テキストエリアは、 複数行のテキストで構成される入力エレメントです。

メモ

この拡張機能は、ColdFusion MX 7以降を実行するコンピュータにアクセスできる場合にのみ利用できます。

挿入ポイントをフォームのアウトライン内に置きます。
挿入パネルのCFFormカテゴリで、CF Text Areaアイコンをクリックします。

テキスト領域が ColdFusion フォームに表示されます。

ページ上のテキストエリアを選択し、プロパティインスペクターで次のオプションのいずれかを設定します:

Cftextarea

コントロールの一意の名前を指定します。

文字幅

1 行あたりの文字数を設定します。

ライン数

テキストエリアに表示する行数を設定できます。

折り返し

ユーザーが入力したテキストの折り返し方法を指定できます。

必須

ユーザーがフィールドにデータを入力する必要があるか(チェック)、またはないか(チェック解除)を指定できます。

初期値

ページが最初にブラウザーで開かれたときにテキストエリアに表示するテキストを指定できます。

バリデート

フィールドの検証の種類を指定します。

検査

フィールドが検証されるタイミングを指定します:onSubmit、onBlur、またはonServer。

ラベル

コントロールのラベルを指定します。

スタイル

コントロールのスタイルを指定します。 詳細については、ColdFusionのドキュメントを参照してください。

高さ

コントロールの高さをピクセル単位で指定します。 実行時の ColdFusion サーバーでは、このプロパティは無視されます。

コントロールの幅をピクセル単位で指定します。 実行時の ColdFusion サーバーでは、このプロパティは無視されます。

タグエディターを表示

プロパティインスペクターで表示されないプロパティを編集します。

テキストエリアにラベルを付けるには、その横をクリックしてラベル用のテキストを入力します。

ColdFusion ボタンの挿入

ColdFusionボタンをフォームに視覚的に挿入し、そのプロパティを設定できます。ColdFusion ボタンは、ColdFusion フォームの操作を制御します。 ボタンは、ColdFusionフォームデータをサーバーに送信するか、ColdFusionフォームをリセットするために使用できます。標準のColdFusionボタンは、通常Submit、Reset、またはSendのラベルが付いています。スクリプトで定義したその他の処理タスクを割り当てることもできます。たとえば、ボタンは割り当てられた値に基づいて選択されたアイテムの総コストを計算する場合があります。

メモ

この拡張機能は、ColdFusion MX 7以降を実行するコンピューターにアクセスできる場合にのみ使用できます。

ColdFusionフォームアウトライン内に挿入ポイントを配置します。
挿入パネルのCFFormカテゴリで、CFボタンアイコンをクリックします。

ボタンが ColdFusion フォームに表示されます。

ページ上のボタンを選択し、プロパティインスペクターで次のオプションのいずれかを設定します:

Cfbutton

コントロールの一意の名前を指定します。

アクション

作成するボタンのタイプを指定します。

タグエディターを表示

プロパティインスペクターで表示されないプロパティを編集します。

その他のプロパティは、実行時にAdobe ColdFusionサーバーによって無視されます。

ColdFusion チェックボックスの挿入

ColdFusionチェックボックスをフォームに視覚的に挿入し、そのプロパティを設定できます。チェックボックスを使用して、ユーザーがオプションのセットから複数のオプションを選択できるようにします。

メモ

この拡張機能は、ColdFusion MX 7以降を実行するコンピューターにアクセスできる場合にのみ使用できます。

挿入ポイントをフォームのアウトライン内に置きます。
挿入パネルのCFFormカテゴリで、CF Checkboxアイコンをクリックします。

チェックボックスが ColdFusion フォームに表示されます。

ページ上のチェックボックスを選択し、プロパティインスペクターで次のオプションのいずれかを設定します:

Cfcheckbox

コントロールの一意の名前を指定します。

チェック済み値

ユーザーがチェックした場合にチェックボックスで返される値を指定できます。

イニシャル状態

ページがブラウザーで最初に開いたときにチェックボックスがチェックされているかどうかを指定できます。

バリデート

チェックボックスの検証の種類を指定します。

検査

チェックボックスの検証タイミングを指定します:onSubmit、onBlur、またはonServer。

ラベル

チェックボックスのラベルを指定します。

パターン

入力を検証するための JavaScript 正規表現パターンを指定できます。始めと終わりのスラッシュは省略します。 詳細については、ColdFusion ドキュメンテーションを参照してください。

高さ

コントロールの高さをピクセル単位で指定します。 実行時の ColdFusion サーバーでは、このプロパティは無視されます。

コントロールの幅をピクセル単位で指定します。 実行時の ColdFusion サーバーでは、このプロパティは無視されます。

サイズ

コントロールのサイズを指定します。 このプロパティは、実行時に ColdFusion サーバーによって無視されます。

必須

フォームがサーバーに送信される前にチェックボックスをチェックする必要があるかどうかを指定できます。

タグエディターを表示

プロパティインスペクターで表示されないプロパティを編集します。

チェックボックスにラベルを付けるには、ページ上のチェックボックスの横をクリックして、ラベルのテキストを入力します。

ColdFusion ラジオボタンの挿入

ColdFusion ラジオボタンをフォームに視覚的に挿入して、そのプロパティを設定できます。オプションのセットから 1 つの選択肢のみをユーザーに選択させたい場合は、ラジオボタンを使用します。ラジオボタンは通常、グループで使用されます。グループ内のすべてのラジオボタンは同じ名前を持つ必要があります。

メモ

この拡張機能は、ColdFusion MX 7 以降を実行しているコンピュータにアクセス権がある場合にのみ利用可能です。

挿入ポイントをフォームのアウトライン内に置きます。
挿入>ColdFusion Objects>CFForm>CFradiobutton を選択します。

ラジオボタンが ColdFusion フォームに表示されます。

ページ上のラジオボタンを選択し、プロパティインスペクターで次のオプションのいずれかを設定します:

Cfradiobutton

コントロールの一意の名前を指定します。

チェック済み値

ユーザーがチェックした場合にラジオボタンで返される値を指定できます。

イニシャル状態

ページがブラウザーで最初に開いたときにラジオボタンがチェックされているかどうかを指定できます。

バリデート

ラジオボタンの検証の種類を指定します。

検査

ラジオボタンが検証されるタイミングを指定します:onSubmit、onBlur、またはonServer。

ラベル

ラジオボタンのラベルを指定します。

パターン

入力を検証するための JavaScript 正規表現パターンを指定できます。始めと終わりのスラッシュは省略します。 詳細については、ColdFusion ドキュメントを参照してください。

高さ

コントロールの高さをピクセル単位で指定します。 実行時の ColdFusion サーバーでは、このプロパティは無視されます。

コントロールの幅をピクセル単位で指定します。 実行時の ColdFusion サーバーでは、このプロパティは無視されます。

サイズ

コントロールのサイズを指定します。 このプロパティは、実行時に ColdFusion サーバーによって無視されます。

必須

フォームがサーバーに送信される前にラジオボタンをチェックする必要があるかどうかを指定できます。

タグエディターを表示

プロパティインスペクターで表示されないプロパティを編集します。

ラジオボタンにラベルを付けるには、ページ上のラジオボタンの横をクリックして、ラベルのテキストを入力します。

ColdFusion 選択ボックスの挿入

ColdFusion選択ボックスをフォームに視覚的に挿入して、そのプロパティを設定できます。選択ボックスを使用すると、訪問者はリストから1つ以上の項目を選択できます。選択ボックスは、限られたスペースしかない場合でも多くの項目を表示する必要がある時に便利です。また、サーバーに返される値をコントロールしたい場合にも便利です。ユーザーが無効なデータを含め何でも入力できるテキストフィールドとは異なり、選択ボックスでは、メニューによって返される正確な値を設定できます。

フォームには2種類の選択ボックスを挿入できます。ユーザーがクリックすると「ドロップダウン」するメニュー、またはユーザーが選択できる項目のスクロール可能なリストを表示するメニューです。

メモ

この機能拡張は、ColdFusion MX 7 以降を実行しているコンピューターにアクセスできる場合にのみ利用できます。

挿入ポイントをフォームのアウトライン内に置きます。
挿入パネルの CFForm カテゴリで、CF Select アイコンをクリックします。

選択ボックスが ColdFusion フォームに表示されます。

ページ上の選択ボックスを選択し、プロパティインスペクターで次のいずれかのオプションを設定します:

Cfselect

コントロールの一意の名前を指定します。

タイプ

ポップアップメニューまたはリストのいずれかを選択します。 リストタイプを選択すると、[リストの高さ]と[複数リスト選択を許可]オプションが利用できるようになります。

リストの高さ

リストメニューに表示する行数を指定できます。リストタイプを選択した場合にだけ使用できます。

複数リストの選択を許可

ユーザーが一度にリストから複数のオプションを選択できるかどうかを指定できます。リストタイプを選択した場合にのみ利用できます。

値の編集

選択ボックスのオプションを追加、編集、または削除できるダイアログボックスを開きます。

初期選択値

初期設定で選択するオプションを指定します。 複数リスト選択を許可オプションを選択した場合は、複数のオプションを選択できます。

レコードセット

リストまたはメニューに値を設定するために使用する ColdFusion クエリの名前を指定できます。

列の表示

各リスト要素の表示ラベルを提供するレコードセット列を指定できます。Recordset プロパティとともに使用します。

値列

各リスト要素の値を供給するレコードセット列を指定できます。Recordset プロパティとともに使用します。

Flash ラベル

選択ボックスのラベルを指定します。

Flash の高さ

コントロールの高さをピクセル単位で指定します。 実行時の ColdFusion サーバーでは、このプロパティは無視されます。

Flash の幅

コントロールの幅をピクセル単位で指定します。 実行時の ColdFusion サーバーでは、このプロパティは無視されます。

メッセージ

必須プロパティが「はい」に設定され、ユーザーがフォームを送信する前に選択を行わなかった場合に表示されるメッセージを指定します。

必須

フォームがサーバーに送信される前にメニュー項目を選択する必要があるかどうかを指定できます。

タグエディターを表示

プロパティインスペクターで表示されないプロパティを編集します。

ColdFusion イメージフィールドの挿入

ColdFusion 画像フィールドをフォームに視覚的に挿入し、そのオプションを設定できます。イメージフィールドは、カスタムボタンを作成する場合に使用します。

メモ

この機能拡張は、ColdFusion MX 7以降を実行しているコンピュータにアクセスできる場合にのみ利用できます。

デザインビューで、フォームアウトライン内に挿入ポイントを配置します。
挿入パネルのCFFormカテゴリで、CF Image Fieldアイコンをクリックします。参照して挿入する画像を選択し、「OK」をクリックします。または、Src ボックスに画像ファイルのパスを入力することもできます。
メモ

画像がサイトルートフォルダーの外部にある場合は、画像をルートフォルダーにコピーする必要があります。ルートフォルダー外の画像は サイトを公開する際にアクセスできない場合があります。

ページ上の画像フィールドを選択し、プロパティインスペクターで以下のオプションのいずれかを設定します:

Cfimagefield

コントロールの一意の名前を指定します。

ソース

挿入イメージの URL を指定します。

代替

イメージを表示できない場合に表示するメッセージを指定します。

行揃え

ピクチャの整列を指定します。

ボーダー

イメージボーダーの幅を設定します。

イメージの編集

初期設定のイメージエディターでイメージを開きます。

デフォルトの画像エディターを定義するには、編集/環境設定/ ファイルタイプ/エディターを選択します。そうしないと、画像を編集ボタンは 何も実行しません。

バリデート

イメージフィールドの検証の種類を指定します。

検査

フィールドが検証されるタイミングを指定します:onSubmit、onBlur、 またはonServer。

ラベル

ラジオボタンのラベルを指定します。

パターン

入力を検証するためのJavaScript正規表現パターン を指定できます。始めと終わりのスラッシュは省略します。 詳細については、 ColdFusionドキュメントを参照してください。

高さ

コントロールの高さをピクセル単位で指定します。

コントロールの幅をピクセル単位で指定します。

サイズ

コントロールのサイズを指定します。 このプロパティは 実行時にColdFusionサーバーによって無視されます。

必須

フォームがサーバーに送信される前にコントロールに データが含まれている必要があるかどうかを指定できます。

タグエディターを表示

プロパティインスペクターで表示されないプロパティを編集します。

ColdFusion ファイルフィールドの挿入

ColdFusionファイル フィールドをフォームに視覚的に挿入し、そのプロパティを設定できます。ファイルフィールドを使用して、 ユーザーがワープロ文書やグラフィックファイルなどのファイルをコンピューターから選択し、サーバーにアップロードできるようにします。ColdFusionファイル フィールドは他のテキストフィールドと同様に見えますが、を参照 ボタンも含まれています。ユーザーは、アップロードするファイルのパスを手動で入力するか、[参照]ボタンを使用してファイルを検索し選択できます。

ファイル フィールドには、ブラウザーからサーバーにファイルを送信するためにPOSTメソッドを使用する必要があります。ファイルは、フォームの[アクション]ボックスで指定したアドレスに送信されます。フォームでファイルフィールドを使用する前に、 匿名ファイルアップロードが許可されているかどうかサーバー管理者に確認してください。

ファイルフィールドには、フォームエンコーディングがmultipart/form-dataに設定されている必要もあります。Dreamweaverは ファイルフィールドコントロールを挿入する際に、これを自動的に設定します。

メモ

この 機能拡張は、ColdFusion MX 7以降が実行されているコンピューターにアクセスできる場合にのみ利用可能です。

デザインビューで、CFFormを選択してプロパティインスペクターを表示します。

フォームをすばやく選択するには、フォーム アウトライン内の任意の場所をクリックし、ドキュメントウィンドウの下部にあるタグセレクターで<cfform>タグをクリックします。

プロパティインスペクターで、フォームメソッドに POST を設定します。
エンコーディングタイプポップアップメニューから「multipart/form-data」を選択します。
ファイルフィールドを表示するフォームアウトライン 内に挿入ポイントを配置します。
挿入/ColdFusionオブジェクト/ CFForm/CFfilefieldを選択します。

ファイルフィールドがドキュメントに表示されます。

ページ上のファイルフィールドを選択し、プロパティインスペクターで 以下のプロパティのいずれかを設定します:

Cffilefield

コントロールの一意の名前を指定します。

最大長

ファイルのパスに使用できる 最大文字数を指定できます。

バリデート

フィールドの検証の種類を指定します。

検査

フィールドが検証されるタイミングを指定します:onSubmit、onBlur、 またはonServer。

ラベル

フィールドのラベルを指定します。

パターン

入力を検証するための JavaScript 正規表現パターンを 指定できます。始めと終わりのスラッシュは省略します。 詳細については、 ColdFusion ドキュメントを参照してください。

高さ

コントロールの高さをピクセル単位で指定します。 実行時の ColdFusion サーバーでは、このプロパティは無視されます。

コントロールの幅をピクセル単位で指定します。 実行時の ColdFusion サーバーでは、このプロパティは無視されます。

サイズ

コントロールのサイズを指定します。

必須

フォームがサーバーに送信される前に、ファイルフィールドに データが含まれている必要があるかどうかを指定できます。

タグエディターを表示

プロパティインスペクターで表示されないプロパティを編集します。

ColdFusion 日付フィールドの挿入

Dreamweaver では ColdFusion 日付フィールドを視覚的に挿入することはできませんが、 そのプロパティを視覚的に設定することはできます。ColdFusion 日付フィールドは、 ポップアップカレンダーから日付を選択してテキストフィールドに挿入できる 特別なタイプのテキストフィールドです。

メモ

この 機能拡張は、ColdFusion MX 7 以降が実行されているコンピューターにアクセスできる場合にのみ利用できます。

デザインビューで CFForm を選択して、その プロパティインスペクターを表示します。

フォームをすばやく選択するには、フォーム アウトライン内の任意の場所をクリックし、ドキュメントウィンドウ下部の タグセレクターで <cfform> タグをクリックします。

プロパティインスペクターで、フォームの Format プロパティを Flash に設定します。

日付フィールドコントロールは、Flash ベースの ColdFusion フォームでのみレンダリングできます。

コードビュー(表示/コード)に切り替えて、 開始と終了の CFForm タグの間の任意の場所に次のタグを入力します:

<cfinput name="datefield" type="datefield">

デザインビューに切り替えて、ページ上の日付フィールドを選択し、 プロパティインスペクターで次のオプションのいずれかを設定します:

Cfdatefield

コントロールの一意の名前を指定します。

Value

ページが最初にブラウザーで開かれたときにフィールドに 表示される日付を指定できます。日付は静的または動的のいずれかを指定できます。

動的な値を指定するには、値ボックスの横にある稲妻 アイコンをクリックし、動的データダイアログボックスで レコードセット列を選択します。レコードセット列は、ブラウザーでフォームを表示するときに 日付フィールドに値を提供します。

バリデート

フィールドの検証の種類を指定します。

検査

フィールドが検証されるタイミングを指定します: onSubmit、onBlur、またはonServer。

ラベル

フィールドのラベルを指定します。

パターン

入力を検証するための JavaScript 正規表現パターンを 指定できます。始めと終わりのスラッシュは省略します。 詳細については、 ColdFusion ドキュメントを参照してください。

高さ

コントロールの高さをピクセル単位で指定します。

コントロールの幅をピクセル単位で指定します。

サイズ

コントロールのサイズを指定します。

必須

フォームがサーバーに送信される前に、日付フィールドに 値が含まれている必要があるかどうかを指定できます。

タグエディターを表示

プロパティインスペクターで表示されないプロパティを編集します。

ColdFusion フォームコントロールの修正

デザインビューまたは コードビューのどちらで作業している場合でも、ColdFusion フォームコントロールのプロパティを 視覚的に変更できます。

メモ

この機能拡張は、 ColdFusion MX 7 以降が実行されているコンピューターにアクセスできる場合にのみ利用できます。

デザインビューで、ページ上のフォームコントロールを選択します。コードビューでは、コントロールのタグ内の任意の場所をクリックします。

プロパティインスペクターには、フォームコントロールのプロパティが表示されます。

プロパティインスペクターでフォームコントロールのプロパティを変更します。

詳細については、プロパティインスペクターのヘルプアイコンをクリックしてください。

その他のプロパティを設定するには、プロパティインスペクターの「タグエディターを表示」ボタンをクリックし、表示されるタグエディターでプロパティを設定してください。

ColdFusion フォームデータの検証

Dreamweaverでは、指定されたフィールドの内容をチェックして、ユーザーが正しいデータタイプを入力したかどうかを確認するColdFusionフォームを作成できます。

メモ

この機能拡張は、ColdFusion MX 7以降が動作するコンピューターにアクセスできる場合にのみ使用できます。

少なくとも1つの入力フィールドと1つの送信ボタンを含むColdFusionフォームを作成してください。検証するすべてのColdFusionフィールドに一意の名前が付いていることを確認してください。
検証するフォームのフィールドを選択します。
プロパティインスペクターで、フィールドの検証方法を指定してください。

各入力プロパティインスペクターの下部には、特定の検証ルールを定義するのに役立つコントロールが含まれています。例えば、テキストフィールドに電話番号を含める必要があることを指定したい場合があります。これを行うには、プロパティインスペクターの値ポップアップメニューから「電話番号」を選択してください。「検証タイミング」ポップアップメニューから、いつ検証するかを指定することもできます。