表單標題元件 title-input-adaptive-forms-core-component
在調適型表單中,「標題」是指出現在表單頂端的文字,通常在標題下方。 使用Title元件指定標題。 此元件可新增至表單版面,其文字可編輯以符合表單的用途或主題。 標題可為使用者提供表單的標籤或簡短說明,有助於區分表單與其他表單。
範例
標題
使用情況 reasons-to-use-title-in-an-adaptive-form
在表單中使用標題是好的作法的原因有幾個:
-
清晰度:標題可清楚識別表單的用途,協助使用者瞭解他們需要提供哪些資訊。
-
組織:標題可協助您依主題或目的組織表單,讓使用者更容易找到所需的表單。
-
協助工具:標題是有協助工具需求之使用者的關鍵元素,因為熒幕朗讀程式會大聲朗讀標題,協助使用者瞭解表單的內容。
-
品牌:標題也可用來顯示公司或組織的名稱,有助於建立信任感和熟悉感。
-
導覽:標題對於瀏覽表單也很有用,尤其是表單很長或很複雜時。
-
搜尋引擎最佳化(SEO):在表單上設定標題也有助於進行SEO,因為搜尋引擎會使用該標題來判斷網頁與搜尋查詢的相關性。
整體而言,表單標題是使用者體驗的重要方面,其應用於為表單提供簡潔清晰的標籤,以協助使用者瞭解表單的情境和用途。
版本和相容性 version-and-compatibility
最適化Forms摺疊式功能表核心元件於2023年2月發行,屬於AEM 6.5.16.0 Forms或更新版本適用的Cloud Service核心元件2.0.4和核心元件1.1.12的一部分。 下表顯示所有支援版本、AEM相容性以及對應檔案的連結:
如需核心元件版本和發行版本的詳細資訊,請參閱核心元件版本檔案。
技術細節 technical-details
在GitHub上的技術檔案中取得最適化Forms標題核心元件的最新資訊。 如需開發核心元件的詳細資訊,請參閱核心元件開發人員檔案。
設定對話方塊 configure-dialog
您可以透過「設定」對話方塊輕鬆自訂訪客的標題體驗。 您也可以輕鬆定義標題選項,以提供順暢的使用者體驗。
編輯對話方塊可讓內容作者定義標題文字並選取標題層級。
-
標題 — 您可以使用其Title輕鬆識別表單中的元件,預設情況下,標題會顯示在元件上方。 如果您未新增標題,則會顯示元件的名稱而非標題文字。
-
Type /Size — 定義標題的標題層級。
-
ID — 此選項允許控制HTML和資料層中元件的唯一識別碼。
- 如果保留為空白,系統會自動為您產生唯一ID,並可透過檢查結果頁面找到該ID。
- 若指定ID,作者應負責確認該ID為唯一ID。
- 變更ID會對CSS、JS和資料層追蹤造成影響。
設計對話方塊 design-dialog
「設計」索引標籤可用來定義和管理表單標題元件的CSS樣式。
標題
「標題」標籤可讓範本作者為表單作者設定預設和允許的HTML標題元素:
-
允許的標題元素:包含多個選項的清單,可讓範本作者選擇哪些標題元素可組成作者可用於標題。
-
預設標題元素:為標題元件設定預設標題元素的下拉式清單。
樣式索引標籤 styles-tab
索引標籤可用來定義和管理元件的CSS樣式。 最適化Forms日期選擇器核心元件支援AEM 樣式系統。
-
預設CSS類別:您可以為最適化Forms標題核心元件提供預設CSS類別。
-
允許的樣式:您可以提供名稱以及代表樣式的CSS類別來定義樣式。 例如,您可以建立名為「粗體文字」的樣式,並提供CSS類別「font-weight: bold」。 您可以在最適化Forms編輯器中將這些樣式使用或套用至最適化表單。 若要套用樣式,請在最適化Forms編輯器中,選取您要套用樣式的元件,導覽至屬性對話方塊,然後從 樣式 下拉式清單中選取所需的樣式。 如果您需要更新或修改樣式,只要返回「設計」對話方塊,更新樣式索引標籤中的樣式,然後儲存變更即可。
格式標籤 format-tab
格式索引標籤可讓您指定預設和自訂日期格式。
相關文章 related-articles
另請參閱 see-also
- 建立AEM最適化表單
- 新增AEM最適化表單至AEM Sites頁面
- 將主題套用至AEM最適化表單
- 將元件新增至AEM最適化表單
- 在AEM最適化表單中使用reCAPTCHA
- 產生AEM最適化表單的PDF版本(DoR)
- 翻譯AEM最適化表單
- 為最適化表單啟用Adobe Analytics以追蹤表單使用情況
- 將最適化表單連線至Microsoft SharePoint
- 將最適化表單連線至Microsoft Power Automate
- 將最適化表單連線至Microsoft OneDrive
- 將最適化表單連線至Microsoft Azure Blob儲存體
- 將最適化表單連線至Salesforce
- 在AEM最適化表單中使用Adobe Sign
- 為最適化表單新增地區設定
- 將最適化表單資料傳送到資料庫
- 將最適化表單資料傳送至REST端點
- 將最適化表單資料傳送至AEM Workflow
- 使用Forms入口網站列出AEM網站上的AEM Adaptive Forms