標題 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相容性以及對應檔案的連結:

元件版本
AEM as a Cloud Service
AEM 6.5.16.0 Forms或更新版本
v1
相容於
版本2.0.4 及更新版本
相容於
第1.1.12發行版本 和較新版本,但小於2.0.0。

如需核心元件版本的詳細資訊,請參閱 核心元件版本 檔案。

技術細節 technical-details

在的技術檔案中取得最適化Forms標題核心元件的最新資訊: GitHub. 如需開發核心元件的詳細資訊,請參閱 核心元件開發人員檔案.

設定對話方塊 configure-dialog

您可以透過「設定」對話方塊輕鬆自訂訪客的標題體驗。 您也可以輕鬆定義標題選項,以提供順暢的使用者體驗。

基本索引標籤

編輯對話方塊可讓內容作者定義標題文字並選取標題層級。

  • 標題 — 您可以使用其Title輕鬆識別表單中的元件,預設情況下,標題會顯示在元件上方。 如果您未新增標題,則會顯示元件的名稱而非標題文字。

  • 型別/大小 — 定義標題的標題等級。

  • ID — 此選項可讓您控制HTML和資料層中元件的唯一識別碼。

    • 如果保留為空白,系統會自動為您產生唯一ID,並可透過檢查結果頁面找到該ID。
    • 若指定ID,作者應負責確認該ID為唯一ID。
    • 變更ID會對CSS、JS和資料層追蹤造成影響。

設計對話方塊 design-dialog

「設計」索引標籤可用來定義和管理標題元件的CSS樣式。

標題

「標題」標籤可讓範本作者為表單作者設定預設和允許的HTML標題元素:

設計對話方塊標題索引標籤

  • 允許的標題元素:含有多個選項的清單,可讓範本作者選擇哪些標題元素可以構成作者用於「標題」。

  • 預設標題元素:為Title元件設定預設Heading元素的下拉式清單。

樣式索引標籤 styles-tab

索引標籤可用來定義和管理元件的CSS樣式。 最適化Forms日期選擇器核心元件支援AEM 樣式系統.

設計對話方塊標題索引標籤

  • 預設CSS類別:您可以為最適化Forms標題核心元件提供預設CSS類別。

  • 允許的樣式:您可以提供名稱以及代表樣式的CSS類別來定義樣式。 例如,您可以建立名為「粗體文字」的樣式,並提供CSS類別「font-weight: bold」。 您可以在最適化Forms編輯器中將這些樣式使用或套用至最適化表單。 若要套用樣式,請在最適化Forms編輯器中,選取您要套用樣式的元件,導覽至「屬性」對話方塊,然後從 樣式 下拉式清單。 如果您需要更新或修改樣式,只要返回「設計」對話方塊,更新樣式索引標籤中的樣式,然後儲存變更即可。

格式標籤 format-tab

格式索引標籤可讓您指定預設和自訂日期格式。

格式標籤

相關文章 related-articles

另請參閱 see-also

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c