最適化Forms核心元件
使用Adobe Experience Manager中的最適化Forms核心元件，您可以建立引人入勝的註冊體驗。
秘訣核心元件
在Adobe Experience Manager (AEM)中，元件是用來建立頁面和表單的建置組塊。 它們為作者提供簡單且強大的方式來建立和管理內容，同時為開發人員提供建立自訂元件所需的彈性和擴充性。 這些設定可加快開發時間並降低網站與表單的維護成本、彈性且可輕鬆自訂，以符合網站與表單的特定需求。
核心元件也設計為可快速回應，並支援各種裝置，包括桌上型電腦、平板電腦和智慧型手機。 此外，也遵循最新的網頁標準與最佳實務，使其成為建立網頁內容的健全且可靠的解決方案。
整體而言，核心元件是在AEM中建立及管理Web內容的重要工具，提供強大且彈性的解決方案，有助於減少開發時間及維護成本，同時為網站訪客提供絕佳的使用者體驗。
最適化Forms核心元件
最適化Forms核心元件是以Adobe Experience Manager WCM核心元件為基礎所建立的30個開放原始碼且符合BEM的元件集。 這些表單是專為建立最適化Forms所設計，是適合使用者裝置、瀏覽器和熒幕大小的表單。
這些元件可用來建立優異的資料擷取和註冊體驗，方法是提供各式各樣的表單欄位選項，包括文字欄位、核取方塊、下拉式功能表等。 此外也包含驗證、條件式邏輯和回應式設計等功能，可用來建立簡單易用的表單。
此外，由於這些元件是開放原始碼，開發人員可輕鬆自訂和擴充元件，以符合其組織的特定需求。 而且，這些元件是以BEM方法建置的，可確保它們具有可擴充性和可維護性。
功能
| 生產就緒 | 最適化Forms核心元件是24個強大的WCM元件。 |
| 雲端就緒 | 可用於AEM Forms as a Cloud Service。 |
| 多功能 | 這些元件代表一般概念，Forms作者可透過這些概念來組合幾乎所有版面。 |
| 可設定 | 範本層級內容原則定義允許使用或不允許使用的功能。 |
| 易於取得 | 這類選件提供ARIA標籤、支援鍵盤導覽，以及熒幕閱讀器等輔助技術的文字。 |
| 佈景主題表格 | 元件實作樣式系統，標籤遵循BEM CSS慣例。 |
| 可自訂 | 有數種模式可讓您輕鬆自訂，從調整HTML到進階功能重複使用。 |
| 版本設定 | 版本設定原則可確保核心元件在改善可能影響您的內容時，不會中斷您的網站。 |
| 開放來源 | 如果有出錯的地方，請協助您改善。 |
優點
資料擷取體驗對於潛在客戶產生和註冊至關重要，Adaptive Forms核心元件為建立針對資料擷取最佳化的表單提供強大的解決方案。 使用核心元件透過基礎元件建立這些體驗的部分原因包括：
-
在GitHub上可供使用： AEM最適化Forms核心元件是開放原始碼，可在GitHub上取得，以及完整的檔案。 如此一來，開發人員就能更輕鬆瞭解元件及其運作方式，且更能協助開發工作。 aemcomponents.dev網站也是寶貴的資源，開發人員可在此檢視運作中的元件，並存取詳細檔案。
-
樣式的 BEM模型：核心元件會依循BEM （區塊元素修飾元）模型來設定樣式，這是一種建立良好且廣泛使用的CSS組織方法。 如此一來，開發人員就能更輕鬆瞭解樣式的組織方式，以及如何修改樣式，以符合其特定需求。
-
對協力廠商程式庫沒有相依性：核心元件的優點之一，就是它們對協力廠商JavaScript程式庫（包括JQuery和Underscore）沒有相依性。 這可讓元件更快且更輕量，以及更輕鬆地整合至現有的AEM實作。
-
著重於效能與協助工具：核心元件建置時已考慮到效能與協助工具，這反映在它們的Google Lighthouse和Web重要分數上。 這可讓開發人員更輕鬆地建立可存取且高效能的網頁，在當今的數位格局中，這越來越重要。
-
Sites 30範本和主題中的表單元件：核心元件支援Sites 30範本和主題中的表單元件，讓開發人員更容易在AEM中建立和自訂表格。
-
樣式更簡單：核心元件的樣式比基礎元件的樣式更簡單。 佈景主題建立程式類似於Sites，可從父Sites頁面繼承相同佈景主題/CSS。 此外，用於樣式化的BEM模型可讓您更容易理解及修改樣式。
-
協助工具：最適化Forms核心元件支援協助工具標準和准則，以確保殘障人士可以使用表格，包括使用輔助技術（例如熒幕閱讀器）的使用者。
-
版本設定：您可以建立並管理多個基於核心元件的最適化Forms版本、透過註解參與合作討論，以及將註解附加至特定表單元件，藉此增強整體表單建立體驗。