新增欄位至網路表單

在Web表單中,欄位可讓使用者輸入資訊並選取選項。 Web表格可提供輸入欄位、選擇欄位、靜態和進階內容(擷取、訂閱等)。

當您使用精靈來新增欄位時,會根據選取的欄位或儲存變數自動偵測欄位類型。 您可以使用​General​標籤中的​Type​下拉式方塊來編輯它。

使用工具列中的按鈕時,選擇要添加的欄位類型。

可用欄位類型如下:

請指定響應儲存模式:更新資料庫中的欄位(僅儲儲存存最後儲存的值)或儲存在變數中(不儲存答案)。 有關詳細資訊,請參閱響應儲存欄位

注意

預設情況下,欄位將插入當前樹的底部。 使用工具列中的箭頭,將其上移或下移。

欄位建立嚮導

對於表單的每個頁面,您可以透過工具列中的第一個按鈕新增欄位。 若要這麼做,請前往​Add using the wizard​功能表。

選擇要建立的欄位類型:您可以選擇在資料庫中新增欄位、變數,或匯入以其他表單建立並在容器中收集的欄位群組。

按一下​Next​並選取儲存欄位或變數,或您要匯入的容器。

按一下​Finish​將選取的欄位插入頁面。

添加輸入欄位

若要新增輸入欄位,請按一下​Input control​按鈕,然後選擇要新增的欄位類型。

輸入欄位類型

可將五種不同類型的文本欄位插入到表單頁中:

  • 文字:可讓使用者在一行上輸入文字。

  • 數字:可讓使用者在一行中輸入數字。有關詳細資訊,請參閱添加數字

    當頁面獲得核準時,會檢查欄位內容,以確定輸入的值與欄位相容。 有關詳細資訊,請參閱定義控制設定

  • 密碼:可讓使用者在單行輸入文字。在輸入文字期間,字元會由句點取代:

    注意

    口令儲存在資料庫中未加密。

  • 多行文字:可讓使用者在數行上輸入文字。

    注意

    多行文字欄位是可包含歸位的特定欄位。 其儲存空間必須與映射到XML元素上的欄位相關聯,而不是與XML屬性相關聯。 有關方案中資料類型的詳細資訊,請參閱本部分中的「方案參考」一章。

    如果您使用​Survey​模組,您可以將此類型的欄位儲存在封存的欄位中,並自動調整格式。 如需詳細資訊,請參閱本章節

  • 豐富的多行文字:可讓使用者輸入包含版面的文字,而版面將儲存為HTML格式。

    您可以選取提供給使用者的編輯器類型。 若要這麼做,請使用​Advanced​標籤中​HTML editor​欄位的下拉式方塊。

    顯示的圖示數視編輯器類型而定。 對於​Advanced​編輯器,演算方式如下:

配置輸入欄位

輸入欄位都是使用下列選項,根據相同的模式進行設定:

General​標籤可讓您輸入欄位名稱,並視需要為其指定預設值。

應答儲存模式可通過​Edit storage…​鏈路更改。 值可以儲存在資料庫的現有欄位中;或者,您可以選擇不將資訊保存在資料庫中(使用本地變數)。

注意

儲存模式在響應儲存欄位中有詳細說明

Advanced​標籤可讓您定義欄位的顯示參數(標籤位置、對齊方式等)。 請參閱定義Web表單佈局

添加下拉清單

您可以將下拉式清單插入調查頁面。 這可讓使用者從下拉式選單中的選件中選取值。

若要將下拉式方塊新增至表單頁面,請按一下頁面編輯器工具列中的​Selection controls > Drop-down list​按鈕。

選擇答案儲存模式並確認您的選擇。

在​General​標籤的下部定義清單的標籤和值。 如果資訊儲存在資料庫的現有欄位中,並且是枚舉欄位,則可以通過按一下​Initialize the list of values from the database​自動填寫值,如下所示:

注意

使用值清單右側的箭頭來變更其順序。

如果資料儲存在連結的表格中,您可以選取儲存清單中建議值的欄位。 例如,如果您選取國家/地區表,請按一下​Initialize the list of values from the database…​並選取所要的欄位。

接著,按一下​Load​連結以擷取值:

注意

每當更新清單以重新整理選件的值時,請重複此作業。

添加複選框

為使用者選取選項,您需要使用核取方塊。

若要將核取方塊新增至表格,請按一下頁面編輯器工具列中的​Selection controls > Checkbox…​圖示。

選擇答案儲存模式並確認您的選擇。

在​General​標籤的​Label​欄位中輸入方塊標籤。

複選框允許您根據是否選中該框為儲存欄位(或值)指定值。 Values​區段可讓您在勾選方塊時輸入要指派的值(在​Value​欄位中),在未勾選時輸入要指派的值(在​Empty value​欄位中)。 這些值取決於資料儲存格式。

如果儲存欄位(或變數)是布爾型的,則如果未選中該框,將自動推斷要分配的值。 在此情況下,僅提供​Value if checked​欄位,如下所示:

範例:如果勾選了方塊,請為欄位指定值

我們希望在表單中插入核取方塊以傳送維護要求,如下所示:

這些資訊將上傳至資料庫,並傳送至現有欄位(在此例中為​Comment​欄位):

如果選中「Maintenance required(需要維護)」框, Comment​列將包含「Maintenance required(需要維護)」。 如果未勾選此方塊,則欄會顯示「Maintenance not required」(不需要維護)。 要獲得此結果,請將以下配置應用於表單頁上的複選框:

添加單選按鈕

選項按鈕可讓您為使用者提供一系列可供選擇的專屬選項。 這是相同欄位的不同值。

您可以個別建立選項按鈕(單一按鈕)或透過多選項清單,但是由於選項按鈕的要點是選取一或多個選項,因此我們一律會建立至少一對選項按鈕,而不只是單一按鈕。

注意

若要強制選擇,您必須建立多選項清單。

新增單一按鈕

要向表單頁添加單選按鈕,請轉至頁面編輯器工具欄中的​Selection controls > Radio button​菜單,然後選擇儲存模式。

單選按鈕的配置方式與複選框類似(請參閱添加複選框)。 不過,如果未選取選項,則不會指派任何值。 為了使多個按鈕相互依存,例如,選擇一個按鈕會自動取消選擇其他按鈕,這些按鈕必須儲存在同一欄位中。 如果這些變數未儲存在資料庫中,則必須使用相同的本機變數進行暫存。 請參閱響應儲存欄位

新增按鈕清單

若要透過清單新增選項按鈕,請前往頁面編輯器工具列中的​Selection controls>Multiple choice​選單。

新增標籤數目的選項按鈕。 此功能的優點是,您可從現有欄位匯入值(如果是項目化欄位),並讓使用者選擇一個選項。 不過,按鈕的版面不太靈活。

注意

Web表格不授權選取數個值。 只能針對​Survey​類型表單啟用多個選擇。 如需詳細資訊,請參閱本章節
但是,可以將​Multiple choice​類型欄位插入Web應用程式;但不授權選取數個值:可使用選項按鈕來選取提供的選項。

添加網格

格線用於設計Web應用程式中的投票頁面。 這可讓您提供答覆調查或評估類型Web表單的選項按鈕清單,如下所示:

若要在表單中使用此類型的元素,請建立簡單的格線,並為每個要評估的元素新增一行。

網格中每行單選按鈕的數量與在簡單網格中定義的值的數量匹配。

每個格線只能選取一個選項。

注意

在我們的示例中,網格的標籤是隱藏的。 若要這麼做,請前往​Advanced​標籤,Label position​顯示會定義為​Hidden。 請參閱定義標籤的位置

添加日期和數字

表單域的內容可以格式化以匹配儲存在資料庫中的資料或滿足特定要求。 您可以為輸入數字和日期建立適當的欄位。

添加日期

要允許用戶在表單頁中輸入日期,請添加輸入欄位並選擇類型​Date…

輸入欄位的標籤並配置資料儲存模式。

窗口的下半部分可讓您為此欄位中儲存的值選擇日期和時間格式。

您也可以選擇不顯示日期(或時間)。

您可以透過日曆或下拉式方塊選擇日期。 您也可以直接在欄位中輸入,但必須符合上述畫面中指定的格式。

注意

依預設,表單中使用的日期會透過日曆輸入。 若是多語言表單,請檢查日曆是否提供所有使用的語言版本。 請參閱轉換Web表單

但是,在某些情況下(例如輸入出生日期),使用下拉式清單可能會比較容易。

要執行此操作,請按一下​Advanced​頁籤,然後使用​Drop-down lists​選擇輸入模式。

然後,您可以設定清單中提供之值的限制。

添加數字

您可以為數字輸入建立合適的欄位。

在數值欄位中,使用者只能輸入數字。 當頁面被核準時,會自動套用登入控制。

視資料庫中儲存資料的欄位而定,可能會套用特殊格式或某些限制。 您也可以指定最大值和最小值。 此類型的欄位設定如下:

預設值是發佈表單時在欄位中顯示的值。 使用者可加以修正。

您可以透過​Advanced​標籤,在數值欄位中新增前置詞和/或後置詞,如下所示:

在窗體中,渲染方式如下:

訂閱複選框

您可以新增控制項,讓使用者訂閱或取消訂閱一或多項資訊服務(電子報、警告、即時通知等)。 若要訂閱,使用者會檢查對應的服務。

要建立訂閱複選框,請按一下​Advanced controls>Subscription

指定複選框的標籤,並使用​Service​下拉框選擇相關的資訊服務。

注意

資訊服務詳見本頁

使用者透過勾選相關選項訂閱服務。

注意

如果使用者已訂閱資訊服務,且連結至此服務的方塊在他們核准表單時未勾選,則會取消訂閱。

本節提供訂閱和轉介的範例。

插入captcha

captcha​測試的目的是防止詐用您的Web表格。

注意

如果您的表單包含數頁,則驗證碼必須一律放在儲存方塊之前的最後一頁,以避免規避安全措施。

若要將驗證碼插入表單,請按一下工具列上的第一個按鈕,然後選取​Advanced controls>Captcha

輸入欄位的標籤。 此標籤將顯示在Captcha顯示區域前面。 您可以在​Advanced​標籤中更改此標籤的位置。

注意

對於​captcha​類型控制項,不需要指出儲存欄位或變數。

Captcha會插入頁面,並在視覺下方放置輸入欄位。 這兩個元素是分不開的,因此在頁面版面配置中會視為單一項目(它們佔據單一儲存格)。

確認頁面後,如果驗證碼的內容未正確輸入,則輸入欄位會以紅色顯示。

您可以建立要顯示的錯誤訊息。 若要這麼做,請使用​General​標籤中的​Personalize the message​連結。

注意

Captchas總有8個字元。 您不能修改此值。

上傳檔案

您可以新增上傳欄位至頁面。 例如,此功能對於內部網路檔案共用非常有用。

要將上載欄位插入表單頁,請在頁面編輯器工具欄中選擇​Advanced controls > File…​菜單。

預設情況下,上載的檔案儲存在可通過​Resources > Online > Public resources​菜單訪問的資源檔案中。 您可以使用指令碼來變更此行為。 此指令碼可使用Campaign JSAPI檔案中定義的函式,包括與檔案操作相關的函式。

您可以將這些檔案的連結儲存在本機變數或資料庫欄位中。 例如,您可以擴充收件者結構,以新增檔案資源的連結。

注意
  • 此類型的檔案必須保留給具有安全存取(使用認證)的表單。
  • Adobe Campaign不會控制上傳的資源大小或類型:因此,強烈建議僅針對安全類型的內部網站使用上傳欄位。
  • 如果有數台伺服器連結至該例項(負載平衡架構),您需要確定對Web表單的呼叫會送達同一伺服器。
  • 這些實作需要Adobe Campaign諮詢團隊的協助。

插入隱藏常數

當使用者驗證表單的其中一個頁面時,您可以將特定值設定至其描述檔的欄位或變數。

此欄位對使用者不可見,但可用於豐富使用者設定檔中的資料。

若要這麼做,請在頁面中放置​常數,並指定值和儲存位置。

在下列範例中,每當使用者核准此頁面時,收件者描述檔的​origin​欄位就會自動填入。 常數不會顯示在頁面上。

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now