註解:

Dreamweaver CC 和更新版本已移除對 ColdFusion 的支援。

關於 ColdFusion 表單

ColdFusion 表單內建了幾種可供您驗證表單資料的機制。例如,您可以檢查確認使用者輸入的資料是否有效。某些表單控制項具有額外功能。其中幾種並沒有對應的 HTML 控制項,有些則直接支援以動態方式從資料來源填入控制項。

Dreamweaver 為使用 ColdFusion MX 7 或更新版本做為其開發伺服器的 ColdFusion 開發人員,提供許多增強功能。這些增強功能包括許多「插入」面板按鈕、選單項目和「屬性」檢視窗,使您能夠快速建立並設定 ColdFusion 表單的屬性。您也可以產生程式碼,以便驗證網站瀏覽者所提供的資訊。例如,您可以檢查使用者輸入的電子郵件地址是否包含 @ 符號,或必要文字欄位是否有包含特定類型的數值。

啟用 ColdFusion 增強功能

部分增強功能會要求您將執行 ColdFusion MX 7 或更新版本的電腦定義為 Dreamweaver 的測試伺服器。例如,唯有當您指定了正確的測試伺服器之後,才能使用表單控制項的「屬性」檢視窗。

測試伺服器只需定義一次,之後 Dreamweaver 會自動偵測測試伺服器的版本,只要偵測到 ColdFusion,就會啟用增強功能。

  1. 如果以前不曾執行過,請先為您的 ColdFusion 專案定義一個 Dreamweaver 網站。
  2. 選取「網站 > 管理網站」,然後從清單中選取您的網站,再按一下「編輯」。
  3. 選取「伺服器」類別,並且指定執行 ColdFusion MX 7 或更新版本的電腦做為您 Dreamweaver 網站的測試伺服器。請確認您已指定了有效的 Web URL。
  4. 開啟任何的 ColdFusion 文件。

    除非您開啟 ColdFusion 文件,否則無法看到任何 Dreamweaver 工作區的改變。

建立 ColdFusion 表單

您可以使用許多「插入」面板按鈕、選單項目和「屬性」檢視窗,在 Dreamweaver 中快速建立 ColdFusion 表單並設定其屬性。

註解:

唯有當您所存取的電腦是執行 ColdFusion MX 7 或更新版本時,才能使用這些增強功能。

  1. 開啟 ColdFusion 頁面,然後將插入點放在您希望 ColdFusion 表單出現的位置。
  2. 選取「插入 > ColdFusion 物件 > CFForm > CFForm」,或從「插入」面板選取「CFForm 類別」,然後按一下「CF 表單」圖示。

    Dreamweaver 會插入空白的 ColdFusion 表單。在「設計」檢視中,表單會以點狀的紅色外框來表示。如果您看不到此外框,請確認是否已選取「檢視>視覺輔助>隱藏元素」。

  3. 請確認此表單仍維持選取狀態,然後使用「屬性」檢視窗設定下列任何一個表單屬性。

    CFForm

    設定表單名稱。

    動作

    讓您指定送出表單時要處理的 ColdFusion 頁面名稱。

    方法

    讓您定義瀏覽器用來將表單資料傳送到伺服器的方法:

    POST

    使用 HTTP post 方法傳送資料;這個方法會將個別訊息中的資料傳送到伺服器。

    GET

    使用 HTTP get 方法傳送資料,將表單欄位內容放置在 URL 查詢字串中。

    目標

    讓您修改 CFForm 標籤的目標屬性值。

    編碼方式類型

    指定用來傳輸表單資料的編碼方法。

    註解:

    編碼方式類型與字元編碼沒有關聯。這個屬性會指定用來將表單送到伺服器的內容類型 (當方法的值為 post 時)。這個屬性的預設值為 application/x-www-form-urlencoded。

    格式

    決定所要建立的表單種類:

    HTML

    會產生 HTML 表單並將其傳送到用戶端。Cfgrid 和 Cftree 子控制項都可以採用 Flash 或 Applet 格式。

    Flash

    會產生 Flash 表單並將其傳送到用戶端。所有控制項都採用 Flash 格式。

    XML

    會產生 XForms XML,並以 ColdFusion 表單名稱將結果放入變數中,並不會傳送任何資料給用戶端。Cfgrid 和 Cftree 子控制項都可以採用 Flash 或 Applet 格式。

    樣式

    讓您指定表單的樣式。如需詳細資訊,請參閱 ColdFusion 文件。

    Flash/XML 外觀

    可讓您指定 Halo 色彩以設定輸出的樣式。主題可以決定已標示及選取的元素色彩。

    保存資料

    決定是否在公布表單時,以送出的值覆蓋控制項的初始值。

    • 如果為 False,則使用控制項標籤屬性所指定的值。

    • 如果為 True,則使用送出的值。

    Script src

    相對於網站根目錄,指定 JavaScript 檔案的 URL,而該檔案中含有標籤及其子標籤所使用的用戶端程式碼。如果該檔案並未儲存於預設的位置,這項屬性就很有用。在某些會封鎖 /CFIDE 目錄存取的虛擬主機環境及組態中,可能會需要用到這項屬性。預設位置設定於 ColdFusion Administrator 中,此位置預設為 /CFIDE/scripts/cfform.js。

    封存

    指定 CFGrid、CFSlider 和 CFTree Applet 控制項可下載之 Java 類別的 URL。預設的位置為 /CFIDE/classes/cfapplets.jar。

    高度

    指定表單的高度。

    Width

    指定表單的寬度。

    顯示標籤編輯器 (cfform 適用)

    讓您編輯沒有列在「屬性」檢視窗上的屬性。

  4. 插入 ColdFusion 表單控制項。

    請將插入點放在 ColdFusion 表單中,您希望 ColdFusion 表單控制項出現的位置上,然後從「插入」選單 (「插入 > ColdFusion 物件 > CFForm」) 當中選取控制項,或從「插入」面板的 CFForm 類別中選取。

  5. 如有需要,請使用「屬性」檢視窗來設定控制項的屬性。

    請確認已在「設計」檢視中選取此控制項,然後在「屬性」檢視窗中設定屬性。如需關於屬性的詳細資訊,請按一下「屬性」檢視窗上的「說明」圖示。

  6. 調整 ColdFusion 表單的版面。

    如果您要建立 HTML 表單,可以使用斷行符號、分段符號、預先格式化的文字或表格來格式化表單。您無法在另一個 ColdFusion 表單中插入 ColdFusion 表單 (也就是說,您無法重疊標籤),但是您可以在頁面中放入一個以上的 ColdFusion 表單。

    如果您要建立 Flash 表單,可以使用串接樣式表 (CSS) 樣式來配置您的表單。ColdFusion 會忽略表單中的所有 HTML。

    請記得將 ColdFusion 表單欄位標示為描述性文字,讓使用者知道該怎麼回應。例如,建立「輸入您的姓名標籤」等文字,以要求提供姓名資訊。

插入 ColdFusion 表單控制項

您可以使用「插入」面板或「插入」選單,在 ColdFusion 表單中快速插入 ColdFusion 表單控制項。在插入控制項之前,您必須先建立空白的 ColdFusion 表單。

註解:

唯有當您所存取的電腦是執行 ColdFusion MX 7 或更新版本時,才能使用這些增強功能。

  1. 在「設計」檢視中,將插入點放在表單外框內。
  2. 從「插入」選單 (「插入 > ColdFusion 物件 > CFForm」) 中選取控制項,或從「插入」面板的 CFForm 類別中選取。
  3. 按一下頁面上的控制項以選取它,然後在「屬性」檢視窗中設定其屬性。

    如需有關特定控制項屬性的詳細資訊,請參閱控制項的相關主題。

插入 ColdFusion 文字欄位

您可以使用視覺化的方式將 ColdFusion 文字欄位或密碼欄位插入表單中,然後再設定其選項。

註解:

唯有當您所存取的電腦是執行 ColdFusion MX 7 或更新版本時,才能使用這些增強功能。

以視覺化的方式插入 ColdFusion 文字欄位

  1. 在「設計」檢視中,將插入點放在表單外框內。
  2. 在「插入」面板的 CFForm 類別中,按一下「CF 文字欄位」圖示,或是選取「插入 > ColdFusion 物件 > CFForm > CFtextfield」。

    文字欄位便會出現在表單中。

  3. 選取文字欄位,然後在「屬性」檢視窗中設定其屬性。
  4. 若要標示頁面上的文字欄位,請在欄位旁邊按一下,然後輸入標籤的文字。

以視覺化的方式插入密碼欄位

  1. 請重複前面插入文字欄位程序的步驟 1 和 2。
  2. 選取插入的文字欄位,以顯示其「屬性」檢視窗。
  3. 從「屬性」檢視窗的「文字模式」彈出式選單中選取「密碼」值。

CFTextField 選項 (ColdFusion)

若要設定 ColdFusion 文字或密碼欄位的選項,請在「CFTextField 屬性」檢視窗中,設定下列任一種選項:

CFtextfield

設定 <cfinput> 標籤的 id 屬性。

讓您指定在瀏覽器中第一次開啟頁面時,要顯示在欄位中的文字。此資訊可能是靜態或動態。

若要指定動態的值,請按一下「值」方塊旁邊的閃電圖示,然後在「動態資料」對話方塊中選取資料集欄。當您以瀏覽器檢視表單時,資料集欄會提供一個值給文字欄位。

文字模式

讓您在標準文字輸入欄位和密碼輸入欄位之間切換。這個控制項所修改的屬性為「類型」。

唯讀

讓您將顯示的文字設定成唯讀狀態。

最大長度

設定文字欄位所能接受的最大字元數。

遮罩

讓您為要求的文字指定遮罩。您可以使用這項屬性來驗證使用者輸入的資料。遮罩格式是由 A、9、X 和 ? 等字元所組成。

註解:

如果 cfinput 類型為「密碼」標籤時,遮罩屬性會被忽略。

驗證

指定目前欄位的驗證類型。

驗證於

指定什麼時候要驗證欄位:onSubmit、onBlur 或 onServer。

標籤

讓您指定文字欄位的標籤。

模式

讓您指定 JavaScript 規則運算式的模式,以便驗證輸入資料。請省略字串前後的斜線。如需詳細資訊,請參閱 ColdFusion 文件。

高度

讓您指定控制項的高度 (以像素為單位)。

Width

讓您指定控制項的寬度 (以像素為單位)。

大小

讓您指定控制項的大小。

必要項

讓您指定在將表單送出到伺服器之前,文字欄位是否必須含有資料。

顯示標籤編輯器

讓您編輯沒有列在「屬性」檢視窗上的屬性。

插入 ColdFusion 隱藏欄位

您可以使用視覺化的方式將 ColdFusion 隱藏欄位插入表單中並設定其屬性。您可以使用隱藏欄位來儲存並送出使用者沒有輸入的資訊。使用者看不到隱藏的資訊。

註解:

唯有當您所存取的電腦是執行 ColdFusion MX 7 或更新版本時,才能使用這些增強功能。

  1. 在「設計」檢視中,將插入點放在表單外框內。
  2. 在「插入」面板的 CFForm 類別中,按一下「CF 隱藏欄位」圖示。

    ColdFusion 表單中會出現一個標記。如果看不到這個標記,請選取「檢視>視覺輔助>隱藏元素」。

  3. 選取頁面上的隱藏欄位,並在「屬性」檢視窗中設定下列任何選項:

    Cfhiddenfield

    讓您指定隱藏欄位唯一的名稱。

    讓您指定隱藏欄位的值。此資料可能是靜態或動態。

    若要指定動態的值,請按一下「值」方塊旁邊的閃電圖示,然後在「動態資料」對話方塊中選取資料集欄。當您以瀏覽器檢視表單時,資料集欄會提供一個值給文字欄位。

    驗證

    指定目前欄位的驗證類型。

    驗證於

    指定什麼時候要驗證欄位:onSubmit、onBlur 或 onServer。

    標籤

    讓您指定控制項的標籤。在執行階段,ColdFusion 伺服器會忽略這個屬性。

    模式

    讓您指定 JavaScript 規則運算式的模式,以便驗證輸入資料。請省略字串前後的斜線。如需詳細資訊,請參閱 ColdFusion 文件。

    高度

    讓您指定控制項的高度 (以像素為單位)。在執行階段,ColdFusion 伺服器會忽略這個屬性。

    Width

    讓您指定控制項的寬度 (以像素為單位)。在執行階段,ColdFusion 伺服器會忽略這個屬性。

    大小

    讓您指定控制項的大小。在執行階段,ColdFusion 伺服器會忽略這個屬性。

    必要項

    讓您指定在將表單送出到伺服器之前,隱藏欄位是否必須含有資料。

    顯示標籤編輯器

    讓您編輯沒有列在「屬性」檢視窗上的屬性。

插入 ColdFusion 文字區域

您可以使用視覺化的方式將 ColdFusion 文字區域插入表單中並設定其屬性。文字區域是一種 INPUT 元素,其中含有多行文字。

註解:

唯有當您所存取的電腦是執行 ColdFusion MX 7 或更新版本時,才能使用這些增強功能。

  1. 將插入點放在表單外框內。
  2. 在「插入」面板的 CFForm 類別中,按一下「CF 文字區域」圖示。

    文字區域便會出現在 ColdFusion 表單中。

  3. 選取頁面上的文字區域,並在「屬性」檢視窗中設定下列任何選項:

    Cftextarea

    讓您為這個控制項指定唯一的名稱。

    字元寬度

    讓您設定每一行的字元數。

    行數

    讓您設定文字區域中顯示的列數。

    換行

    讓您指定希望使用者輸入文字時應該如何換行。

    必要項

    讓您指定使用者是否必須在欄位中輸入資料;若是,則為「已選取」;若否,則為「取消選取」。

    初始值

    讓您指定在瀏覽器中第一次開啟頁面時,要顯示在文字區域中的文字。

    驗證

    指定欄位的驗證類型。

    驗證於

    指定什麼時候要驗證欄位:onSubmit、onBlur 或 onServer。

    標籤

    讓您指定控制項的標籤。

    樣式

    讓您指定控制項的樣式。如需詳細資訊,請參閱 ColdFusion 文件。

    高度

    讓您指定控制項的高度 (以像素為單位)。在執行階段,ColdFusion 伺服器會忽略這個屬性。

    寬度

    讓您指定控制項的寬度 (以像素為單位)。在執行階段,ColdFusion 伺服器會忽略這個屬性。

    顯示標籤編輯器

    讓您編輯沒有列在「屬性」檢視窗上的屬性。

  4. 若要標示文字區域,請按一下區域的旁邊,然後輸入標籤文字。

插入 ColdFusion 按鈕

您可以使用視覺化的方式將 ColdFusion 按鈕插入表單中並設定其屬性。ColdFusion 按鈕會控制 ColdFusion 表單的作業。您可以使用按鈕將 ColdFusion 表單資料傳送到伺服器,或重設 ColdFusion 表單。標準 ColdFusion 按鈕通常標記為「送出」、「重設」或「傳送」。您也可以指派在 Script 中定義的其他處理工作。例如,按鈕可能會根據指定值來計算選取項目的總花費。

註解:

唯有當您所存取的電腦是執行 ColdFusion MX 7 或更新版本時,才能使用這些增強功能。

  1. 將插入點放在 ColdFusion 表單外框內。
  2. 在「插入」面板的 CFForm 類別中,按一下「CF 按鈕」圖示。

    按鈕便會出現在 ColdFusion 表單中。

  3. 選取頁面上的按鈕,並在「屬性」檢視窗中設定下列任何選項:

    Cfbutton

    讓您為這個控制項指定唯一的名稱。

    動作

    讓您指定要建立的按鈕類型。

    顯示標籤編輯器

    讓您編輯沒有列在「屬性」檢視窗上的屬性。

    在執行階段,ColdFusion 伺服器會忽略其他屬性。

插入 ColdFusion 核取方塊

您可以使用視覺化的方式將 ColdFusion 核取方塊插入表單中並設定其屬性。使用核取方塊可以讓使用者從一組選項中選取一個以上的選項。

註解:

唯有當您所存取的電腦是執行 ColdFusion MX 7 或更新版本時,才能使用這些增強功能。

  1. 將插入點放在表單外框內。
  2. 在「插入」面板的 CFForm 類別中,按一下「CF 核取方塊」圖示。

    核取方塊便會出現在 ColdFusion 表單中。

  3. 選取頁面上的核取方塊,並在「屬性」檢視窗中設定下列任何選項:

    Cfcheckbox

    讓您為這個控制項指定唯一的名稱。

    核取的值

    讓您指定如果使用者選取方塊時,該核取方塊的傳回值。

    初始化狀態

    讓您指定在瀏覽器中第一次開啟頁面時,該核取方塊是否呈選取狀態。

    驗證

    指定核取方塊的驗證類型。

    驗證於

    指定什麼時候要驗證核取方塊:onSubmit、onBlur 或 onServer。

    標籤

    讓您指定核取方塊的標籤。

    模式

    讓您指定 JavaScript 規則運算式的模式,以便驗證輸入資料。請省略字串前後的斜線。如需詳細資訊,請參閱 ColdFusion 文件。

    高度

    讓您指定控制項的高度 (以像素為單位)。在執行階段,ColdFusion 伺服器會忽略這個屬性。

    Width

    讓您指定控制項的寬度 (以像素為單位)。在執行階段,ColdFusion 伺服器會忽略這個屬性。

    大小

    讓您指定控制項的大小。在執行階段,ColdFusion 伺服器會忽略這個屬性。

    必要項

    讓您指定在將表單送出到伺服器之前,是否必須先選取核取方塊。

    顯示標籤編輯器

    讓您編輯沒有列在「屬性」檢視窗上的屬性。

  4. 若要標示核取方塊,請在頁面上核取方塊的旁邊按一下,然後輸入標籤文字。

插入 ColdFusion 選項按鈕

您可以使用視覺化的方式將 ColdFusion 選項按鈕插入表單中並設定其屬性。當您只想讓使用者從一組選項中選取一個選項時,請使用選項按鈕。選項按鈕通常用於群組中。同一群組中的所有選項按鈕名稱必須相同。

註解:

唯有當您所存取的電腦是執行 ColdFusion MX 7 或更新版本時,才能使用這些增強功能。

  1. 將插入點放在表單外框內。
  2. 選取「插入 > ColdFusion 物件 > CFForm > CFradiobutton」。

    選項按鈕便會出現在 ColdFusion 表單中。

  3. 選取頁面上的選項按鈕,並在「屬性」檢視窗中設定下列任何選項:

    Cfradiobutton

    讓您為這個控制項指定唯一的名稱。

    核取的值

    讓您指定如果使用者選取按鈕時,該選項按鈕的傳回值。

    初始化狀態

    讓您指定在瀏覽器中第一次開啟頁面時,該選項按鈕是否呈選取狀態。

    驗證

    指定選項按鈕的驗證類型。

    驗證於

    指定什麼時候要驗證選項按鈕:onSubmit、onBlur 或 onServer。

    標籤

    讓您指定選項按鈕的標籤。

    模式

    讓您指定 JavaScript 規則運算式的模式,以便驗證輸入資料。請省略字串前後的斜線。如需詳細資訊,請參閱 ColdFusion 文件。

    高度

    讓您指定控制項的高度 (以像素為單位)。在執行階段,ColdFusion 伺服器會忽略這個屬性。

    Width

    讓您指定控制項的寬度 (以像素為單位)。在執行階段,ColdFusion 伺服器會忽略這個屬性。

    大小

    讓您指定控制項的大小。在執行階段,ColdFusion 伺服器會忽略這個屬性。

    必要項

    讓您指定在將表單送出到伺服器之前,是否必須先選取選項按鈕。

    顯示標籤編輯器

    讓您編輯沒有列在「屬性」檢視窗上的屬性。

  4. 若要標示選項按鈕,請在頁面上的選項按鈕旁邊按一下,然後輸入標籤的文字。

插入 ColdFusion 選取方塊

您可以使用視覺化的方式將 ColdFusion 選取方塊插入表單中並設定其屬性。選取方塊可以讓瀏覽者從清單中選取一或多個項目。當空間有限但卻需要顯示許多項目時,選取方塊就很有用。當您想要控制傳回伺服器的值時,選取方塊也很有用。選取方塊並不像文字欄位般,可以讓使用者隨意輸入任何文字 (包括無效的資料),而是藉由選單來設定正確的傳回值。

您可以在表單中插入兩種類型的選取方塊:一種選單會在使用者按一下滑鼠時「拉下」,另一種選單則會顯示可捲動的項目清單,以供使用者選取。

註解:

唯有當您所存取的電腦是執行 ColdFusion MX 7 或更新版本時,才能使用這些增強功能。

  1. 將插入點放在表單外框內。
  2. 在「插入」面板的 CFForm 類別中,按一下「CF 選取」圖示。

    選取方塊便會出現在 ColdFusion 表單中。

  3. 選取頁面上的選取方塊,並在「屬性」檢視窗中設定下列任何選項:

    Cfselect

    讓您為這個控制項指定唯一的名稱。

    類型

    讓您選擇彈出式選單或清單。如果選擇清單類型,「清單高度」和「允許多個清單選取範圍」選項即可供選取。

    清單高度

    讓您指定清單選單中顯示出來的行數。只有在選取清單類型時,才能使用這個屬性。

    允許多個清單選取範圍

    讓您指定使用者是否可以從清單中同時選取一個以上的選項。只有在選取清單類型時,才能使用這個屬性。

    編輯值

    會開啟對話方塊,讓您從選取方塊中新增、編輯或移除選項。

    起始時已選取

    讓您指定哪些選項已經預設選取。如果您已選取「允許多個清單選取範圍」選項,則可以選取一個以上的選項。

    資料集

    讓您指定希望用來填入清單或選單之 ColdFusion 查詢的名稱。

    顯示欄

    讓您指定資料集欄,以便提供每個清單元素的顯示標籤。配合「資料集」屬性使用。

    值欄

    讓您指定資料集欄,以便提供每個清單元素的值。配合「資料集」屬性使用。

    Flash 標籤

    讓您指定選取方塊的標籤。

    Flash 高度

    讓您指定控制項的高度 (以像素為單位)。在執行階段,ColdFusion 伺服器會忽略這個屬性。

    Flash 寬度

    讓您指定控制項的寬度 (以像素為單位)。在執行階段,ColdFusion 伺服器會忽略這個屬性。

    訊息

    如果「必要項」屬性設定為「是」,而且使用者在送出表單之前也無法順利進行選取,則可以在這裡指定要顯示的訊息。

    必要項

    讓您指定在將表單送出到伺服器之前,是否必須先選取選單項目。

    顯示標籤編輯器

    讓您編輯沒有列在「屬性」檢視窗上的屬性。

插入 ColdFusion 影像欄位

您可以使用視覺化的方式將 ColdFusion 影像欄位插入表單中並設定其選項。使用影像欄位製作自訂按鈕。

註解:

唯有當您所存取的電腦是執行 ColdFusion MX 7 或更新版本時,才能使用這些增強功能。

  1. 在「設計」檢視中,將插入點放在表單外框內。
  2. 在「插入」面板的 CFForm 類別中,按一下「CF 影像欄位」圖示。瀏覽並選取要插入的影像,然後按一下「確定」。或者,您也可以在「原始檔」方塊中,輸入影像檔的路徑。

    註解:

    如果影像位於網站的根資料夾之外,您應該將影像複製到根資料夾中。當您發佈網站時,可能無法使用位於根資料夾外部的影像。

  3. 選取頁面上的影像欄位,並在「屬性」檢視窗中設定下列任何選項:

    Cfimagefield

    讓您為這個控制項指定唯一的名稱。

    原始檔

    讓您指定要插入之影像的 URL。

    替代

    讓您可以指定要在影像無法顯示時顯示的訊息。

    對齊

    讓您指定圖片的對齊方式。

    邊框

    讓您設定影像邊框的寬度。

    編輯影像

    讓您以預設的影像編輯器開啟影像。

    若要定義預設的影像編輯器,請選取「編輯 > 偏好設定 > 檔案型態 / 編輯器」; 否則,「編輯影像」按鈕將無法執行任何動作。

    驗證

    指定影像欄位的驗證類型。

    驗證於

    指定什麼時候要驗證欄位:onSubmit、onBlur 或 onServer。

    標籤

    讓您指定選項按鈕的標籤。

    模式

    讓您指定 JavaScript 規則運算式的模式,以便驗證輸入資料。請省略字串前後的斜線。如需詳細資訊,請參閱 ColdFusion 文件。

    高度

    讓您指定控制項的高度 (以像素為單位)。

    Width

    讓您指定控制項的寬度 (以像素為單位)。

    大小

    讓您指定控制項的大小。在執行階段,ColdFusion 伺服器會忽略這個屬性。

    必要項

    讓您指定在將表單送出到伺服器之前,控制項是否必須含有資料。

    顯示標籤編輯器

    讓您編輯沒有列在「屬性」檢視窗上的屬性。

插入 ColdFusion 檔案欄位

您可以使用視覺化的方式將 ColdFusion 檔案欄位插入表單中並設定其屬性。使用檔案欄位讓使用者從電腦中選取檔案 (如文書處理的文件或圖形檔案),並將其上傳到伺服器。ColdFusion 檔案欄位除了包含一個「瀏覽」按鈕之外,它看起來就像其他文字欄位一樣。使用者可以手動輸入要上傳的檔案路徑,或使用「瀏覽」按鈕以找出並選取檔案。

您需要在檔案欄位中使用 POST 方法,才能將檔案從瀏覽器傳輸到伺服器。檔案會公布到您在表單的「動作」方塊中指定的位址。請和您的伺服器管理員聯絡,確認在表單中使用檔案欄位之前,可允許以匿名方式將檔案上傳。

檔案欄位還要求將表單編碼設定為 multipart/form。當您插入檔案欄位控制項時,Dreamweaver 會自動進行這個設定。

註解:

唯有當您所存取的電腦是執行 ColdFusion MX 7 或更新版本時,才能使用這些增強功能。

  1. 在「設計」檢視中,選取 CFForm 來顯示其「屬性」檢視窗。

    若要快速選取表單,請按一下表單外框的任何地方,再按一下位於「文件」視窗底部標籤選取器中的 <cfform> 標籤。

  2. 在「屬性」檢視窗中,將表單方法設定為 POST。
  3. 從「編碼類型」彈出式選單中,選取 multipart/form-data。
  4. 將插入點放在您希望顯示檔案欄位的表單外框內。
  5. 選取「插入 > ColdFusion 物件 > CFForm > CFfilefield」。

    檔案欄位便會出現在文件中。

  6. 選取頁面上的檔案欄位,並在「屬性」檢視窗中設定下列任何屬性:

    Cffilefield

    讓您為這個控制項指定唯一的名稱。

    最大長度

    讓您指定檔案路徑所能使用的最大字元長度。

    驗證

    指定欄位的驗證類型。

    驗證於

    指定什麼時候要驗證欄位:onSubmit、onBlur 或 onServer。

    標籤

    讓您指定欄位的標籤。

    模式

    讓您指定 JavaScript 規則運算式的模式,以便驗證輸入資料。請省略字串前後的斜線。如需詳細資訊,請參閱 ColdFusion 文件。

    高度

    讓您指定控制項的高度 (以像素為單位)。在執行階段,ColdFusion 伺服器會忽略這個屬性。

    Width

    讓您指定控制項的寬度 (以像素為單位)。在執行階段,ColdFusion 伺服器會忽略這個屬性。

    大小

    讓您指定控制項的大小。

    必要項

    讓您指定在將表單送出到伺服器之前,檔案欄位是否必須含有資料。

    顯示標籤編輯器

    讓您編輯沒有列在「屬性」檢視窗上的屬性。

插入 ColdFusion 日期欄位

雖然您無法以視覺化的方式在 Dreamweaver 中插入 ColdFusion 日期欄位,卻能以視覺化的方式設定其屬性。ColdFusion 日期欄位是一種特殊類型的文字欄位,可以讓使用者在彈出式的月曆中選取日期,並將其插入文字欄位。

註解:

唯有當您所存取的電腦是執行 ColdFusion MX 7 或更新版本時,才能使用這些增強功能。

  1. 在「設計」檢視中,選取 CFForm 來顯示其「屬性」檢視窗。

    若要快速選取表單,請按一下表單外框的任何地方,再按一下位於「文件」視窗底部標籤選取器中的 <cfform> 標籤。

  2. 在「屬性」檢視窗中,將表單的 Format 屬性設定為 Flash。

    日期欄位控制項僅能顯示於以 Flash 為主的 ColdFusion 表單中。

  3. 切換到「程式碼」檢視 (「檢視 > 程式碼」),然後在開啟及關閉 CFForm 標籤之間的任何地方輸入下列標籤:
    <cfinput name="datefield" type="datefield">
  4. 切換到「設計」檢視、選取頁面上的日期欄位,然後在「屬性」檢視窗中下列任何選項:

    Cfdatefield

    讓您為這個控制項指定唯一的名稱。

    讓您指定在瀏覽器中第一次開啟頁面時,欄位中所顯示的日期。此日期可能是靜態或動態資訊。

    若要指定動態的值,請按一下「值」方塊旁邊的閃電圖示,然後在「動態資料」對話方塊中選取資料集欄。當您以瀏覽器檢視表單時,資料集欄會提供一個值給日期欄位。

    驗證

    指定欄位的驗證類型。

    驗證於

    指定什麼時候要驗證欄位:onSubmit、onBlur 或 onServer。

    標籤

    讓您指定欄位的標籤。

    模式

    讓您指定 JavaScript 規則運算式的模式,以便驗證輸入資料。請省略字串前後的斜線。如需詳細資訊,請參閱 ColdFusion 文件。

    高度

    讓您指定控制項的高度 (以像素為單位)。

    Width

    讓您指定控制項的寬度 (以像素為單位)。

    大小

    讓您指定控制項的大小。

    必要項

    讓您指定在將表單送出到伺服器之前,日期欄位是否必須含有值。

    顯示標籤編輯器

    讓您編輯沒有列在「屬性」檢視窗上的屬性。

修改 ColdFusion 表單控制項

不管您正使用「設計」檢視或「程式碼」檢視,都可以使用視覺化的方式變更 ColdFusion 表單控制項的屬性。

註解:

唯有當您所存取的電腦是執行 ColdFusion MX 7 或更新版本時,才能使用這些增強功能。

  1. 在「設計」檢視中,選取頁面上的表單控制項;在「程式碼」檢視中,按一下控制項標籤內的任何地方。

    「屬性」檢視窗會顯示表單控制項的屬性。

  2. 在「屬性」檢視窗中,變更控制項的屬性。

    如需詳細資訊,請按一下「屬性」檢視窗中的「說明」圖示。

  3. 若要設定更多屬性,請按一下「屬性」檢視窗的「顯示標籤編輯器」按鈕,然後在出現的標籤編輯器中設定屬性。

驗證 ColdFusion 表單資料

您可以在 Dreamweaver 中建立 ColdFusion 表單,檢查指定欄位的內容,以確認使用者輸入的資料類型是否正確。

註解:

唯有當您所存取的電腦是執行 ColdFusion MX 7 或更新版本時,才能使用這些增強功能。

  1. 建立至少包括一個輸入欄位及一個「送出」按鈕的 ColdFusion 表單。確定已驗證的每個 ColdFusion 欄位都有唯一的名稱。
  2. 在表單中選取您要驗證的欄位。
  3. 在「屬性」檢視窗中,指定您要驗證欄位的方式。

    每一個輸入「屬性」檢視窗的下方,都含有控制項可以協助您定義特定的驗證規則。例如,您可能希望指定某個文字欄位應該包括電話號碼。如果要這麼做,您可以從「屬性」檢視窗的「值」彈出式選單中選取「電話」。您也可以從「驗證於」彈出式選單中指定要進行驗證的時間。

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策