[AEM Forms]{class="badge positive" title="適用於AEM Forms)。"}

互動式通訊編輯器中的數值欄位元件

​1. 簡介

互動式通訊(IC)編輯器中的「數值欄位」元件可讓作者以控制的格式從使用者收集數值輸入。 不論是擷取電話號碼、PIN碼、原則ID或財務數字,此欄位可確保只接受數值。 此元件也支援樣式、格式、驗證和資料繫結,使其對結構化通訊至關重要。

尋找IC檔案

​2. 顯示模式

您可以從​ 屬性 ​面板將​ 顯示模式 ​指派給數值欄位 — 例如,將值呈現為貨幣: $1,234.21

已設定的圖樣會立即反映在畫布預覽中,並在儲存和重新載入週期中保留。 對於進階使用案例,您可以定義​ 自訂XFA圖片子句 ​來達成任何想要的輸出格式。

設定顯示模式

  1. 在設計畫布上選取數值欄位元件。
  2. 開啟​ 屬性 ​面板。
  3. 在​ 顯示模式 ​區段中,選擇預先定義的模式或輸入自訂圖片子句。
  4. 預覽畫布上的格式化值。

自訂模式範例(數值)

模式
範例輸出
說明
num{$z,zzz,zz9.99}
$1,234.21
具有千位分隔符號的貨幣

Picture子句符號(數字):

代碼
含義
9
必要數字
z
隱藏前導零

最佳做法

  • 選擇可清楚表示值單位(貨幣符號、百分比等)的模式。
  • 發佈前驗證畫布預覽中的範例資料。
  • 只有當預先定義的模式不符合您的格式需求時,才使用自訂圖片子句。

​3. 屬性

2.1基本欄位

  • 名稱:​定義用於資料模型、規則和指令碼的欄位唯一識別碼。

  • 標題:​顯示顯示熒幕標籤給使用者(例如「聯絡電話號碼」或「員工ID」)。

  • 值:​允許使用者輸入數字,例如電話號碼、識別碼、數量或貨幣值。

  • 保留:​設定數值的對齊方式(左、右、上或下),或使用公厘(如20毫米)等單位指定自訂位置。

  • 外觀:​根據所需的視覺版面配置將值方塊的外觀設定為「無」、「實線方塊」或「底線」。

2.2印刷樣式

控制使用者輸入之數字字元的視覺樣式:

  • 字型驗證:​套用條件約束,以確保根據預期的資料型別,僅接受有效的數值輸入,例如整數、小數或數字範圍。

  • 字型大小:​使用點值(如10 pt、12 pt或20 pt)調整數值文字的大小,以維持整個表單的一致性和可讀性。

2.3位置

控制數值欄位在畫布上的空間位置。

  • X和Y座標:​定義精確的欄位位置。

  • 寬度和高度(公厘):​決定輸入方塊的大小。

2.4邊界

定義數值欄位邊界周圍的間距,以利整齊對齊。

  • 上(上)

  • 下(下)

2.5外觀

設定數值輸入欄位容器的樣式,以符合所需的視覺版面:

  • 填滿:​設定數值欄位的背景顏色。 這有助於在視覺上將其與其他元素分開,或使其與整體主題相符。

  • 筆畫:​使用下列可自訂的選項,在數值欄位周圍加上框線:

  • 寬度:​定義邊框粗細,以符合視覺重點。

  • 樣式:​選擇邊框樣式 — 實線、虛線或點線。

  • Edge:​選取邊框的圓角或銳角。

  • 半徑:​使用特定半徑值(例如4畫素、10畫素)調整轉角圓度,以柔化或銳利化欄位外觀。

2.6存在

控制數值欄位在執行階段的可見度。

  • 可見:​預設狀態;欄位正常顯示。

  • 隱藏(保留空間):​欄位不可見,但配置中保留空間。

2.7資料繫結

資料繫結型別:​將數值欄位連線到資料來源(XML或JSON)以進行即時整合。

使用名稱:​繫結欄位至其唯一名稱以進行簡單值擷取。

使用全域資料:​連結欄位以跨表單或片段共用資料節點。

無資料繫結:​讓欄位保持靜態,以供僅供視覺化使用或暫時輸入。

​4. 用途

只有數字是有效輸入的情況下,數值欄位是理想的選擇。 常見使用案例包含:

  • 擷取​行動電話號碼、OTP和PIN

  • 正在輸入​原則編號或員工ID

  • 正在收集​數值數量或貨幣值

  • 正在啟用​以步驟為基礎的數字欄位 (例如,計數器或分數專案)

作者可在版面配置容器或子表單內放置數值欄位,並套用驗證(如長度、最小值或最大值限制)以改善資料品質。

​5. 最佳做法

  • 如有必要,請以單位清楚標示數值欄位(例如「₹中的金額」)。

  • 套用格式驗證(例如電話號碼的10位數限制)以提高準確性。

  • 當欄位為必填欄位但可能缺少動態資料時,請使用保留值。

  • 將數值欄位仔細繫結到結構描述路徑,以支援後端處理。

  • 外觀和印刷樣式需保持一致,以符合品牌方針。

互動式通訊編輯器中的​ 數值欄位 ​元件是精確且可靠的數字資料收集工具。 透過強大的格式設定、可見度控制項和資料繫結選項,可確保資料輸入被完整擷取,並順暢地整合至數位表格中。 正確設定樣式和設定後,可大幅提升表單可用性與整體資料準確度。

另請參閱

recommendation-more-help
experience-manager-cloud-service-help-main-toc