最適化表單區塊元件及其屬性

AEM Forms 適用的 Edge Delivery Services 讓您可以使用各種元件建立容易使用的互動式表單。 這些元件符合不同類型資料收集的需求，還可供您輕鬆自訂以滿足您的特定需求。

最適化 Forms 區塊可為所有欄位類型和容器 (面板) 產生統一的 HTML 結構以確保一致性。 這種維持一致的結構可更易設計表單樣式。

可用元件

以下是可用元件的概觀：

輸入欄位

選取控制

容器

元件屬性

每個表單元件都有不同的屬性，可讓您控制表單的行為和外觀。 這裡是最適化表單區塊元件支援的屬性：

屬性

適用元件

詳細資料

類型

全部

指定元件的類型。 此屬性決定輸入欄位的行為和外觀。 例如，關於文字輸入，類型可以是「文字」、電子郵件輸入是「電子郵件」、密碼輸入是「密碼」。 最適化表單區塊支援所有有效的 HTML5 輸入類型、 textarea、 選取和欄位集作為類型。

名稱

全部

識別表單提交的元件。 名稱屬性是將表單資料提交到伺服器時使用，主要是將使用者輸入與特定欄位建立關聯。

標籤

全部

向使用者提供內容資訊。 標籤是顯示在元件旁邊的文件，主要是指引使用者輸入哪些資訊。

值

文字、密碼、電子郵件、數字、範圍、日期及其變體 (本地日期時間、月、週、時間)、核取方塊、單選、隱藏、提交、按鈕

指定元件的初始值。 關於文字輸入、textarea 和選取元素，這是顯示的預設文字或選項。 關於單選和核取方塊元件，這是選取這些元件時提交的值/資料。 值屬性是選項，但核取塊方和單選輸入應被視為強制屬性。

預留位置

文字、電話、電子郵件、密碼、日期 (及其變體，如月、週、時間、本地日期時間)、數字、範圍

提供預期輸入的提示。 預留位置屬性主要是提供簡短的提示，說明輸入欄位的預期值。 用戶開始輸入資料後，此內容就會消失。

說明

全部

提供有關元件的更多資訊，並用作說明文字。 說明欄位可供進一步說明填寫該元件的目的或指示。 此欄位旨在幫助使用者了解輸入欄位的背景。

可見

全部

控制最初的可見度。 可見度屬性是一種布林值屬性，用來確定表單載入時元件一開始是可看見或是隱藏的。 如果設定為 true，則顯示該欄位；否則，欄位會隱藏。

必要

文字、電話、電子郵件、密碼、日期及其變體 (本地日期時間、月、週、時間)、數字、核取方塊、單選、文件、選取 (下拉式選單)、文字區域

指示提交前是否必須填寫該欄位。 強制屬性是一個布林值屬性，用來指定使用者在提交表單之前是否必須為欄位輸入資料。

最小

日期 (及其變體，如月、週、時間、本地日期時間)、數字、範圍

指定允許的最小值。 最小屬性設定使用者可以在欄位中輸入的最小值。 例如，對於數字輸入，主要是定義可接受的最低數字。

最大

日期 (及其變體，如月、週、時間、本地日期時間)、數字、範圍

指定允許的最大值。 最大屬性設定使用者可以在欄位中輸入的最大值。 例如，對於日期輸入，主要是定義可接受的最高日期。

接受

檔案

定義允許的檔案類型。 接受屬性是以逗號分隔的唯一檔案類型規範清單，主要是限制使用者可以在檔案輸入欄位中選取的檔案類型。

多個

檔案

允許多重選取。 多重屬性是與檔案輸入欄位一起使用的布林值屬性。 當設定為 true 時，使用者可以選取一個以上的檔案。

選項

下拉式清單

指定下拉式選單的選項。 選項屬性是一個以逗號分隔的下拉式選單選項列表，主要是定義向使用者顯示的可選取選項。

已核取

核取方塊、單選按鈕

確定依預設是否選取該欄位。 已勾選屬性是與核取方塊和單選輸入一起使用的布林值屬性。 當設定為 true 時，表示表單載入時依預設選取的欄位。

欄位集

全部

將欄位分類以在表單中建立視覺效果不同的區段。 欄位集元素會將表單中的相關欄位分組，並以視覺化方式加以區隔，以改善組織和使用者體驗。
若要在欄位集中組織一組欄位，只需使用fieldset屬性並指定其名稱屬性即可。 在下面的範例中，我們將示範如何將單選按鈕封裝在單一欄位集內，以更方便安排欄位。

可重複

全部

fieldset 的布林值屬性，表示特定欄位集可以重複，次數下限為 Min，上限為 Max。 Min 屬性應設為 1 或更大，請勿將 Min 屬性設為 0。

可見度運算式

全部

可見度運算式是指試算表公式，由 ‘=’ 標記表示，用於控制欄位可見度。 在此公式中，只能使用其他欄位的值屬性，以便可以直接管理系統內的欄位可見度。

值運算式

全部

值運算式是指試算表公式，由 ‘=’ 標記表示，用於控制欄位的值。 在此公式中，只能使用其他欄位的值屬性，以便可以直接管理系統內欄位的值。