[AEM Forms]{class="badge positive" title="適用於AEM Forms)。"}
互動式通訊編輯器中的數值欄位元件
1. 簡介
互動式通訊(IC)編輯器中的「數值欄位」元件可讓作者以控制的格式從使用者收集數值輸入。 不論是擷取電話號碼、PIN碼、原則ID或財務數字,此欄位可確保只接受數值。 此元件也支援樣式、格式、驗證和資料繫結,使其對結構化通訊至關重要。
2. 顯示模式
您可以從 屬性 面板將 顯示模式 指派給數值欄位 — 例如,將值呈現為貨幣: $1,234.21。
已設定的圖樣會立即反映在畫布預覽中,並在儲存和重新載入週期中保留。 對於進階使用案例,您可以定義 自訂XFA圖片子句 來達成任何想要的輸出格式。
設定顯示模式
- 在設計畫布上選取數值欄位元件。
- 開啟 屬性 面板。
- 在 顯示模式 區段中,選擇預先定義的模式或輸入自訂圖片子句。
- 預覽畫布上的格式化值。
自訂模式範例(數值)
num{$z,zzz,zz9.99}Picture子句符號(數字):
最佳做法
- 選擇可清楚表示值單位(貨幣符號、百分比等)的模式。
- 發佈前驗證畫布預覽中的範例資料。
- 只有當預先定義的模式不符合您的格式需求時,才使用自訂圖片子句。
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位數限制)以提高準確性。
-
當欄位為必填欄位但可能缺少動態資料時,請使用保留值。
-
將數值欄位仔細繫結到結構描述路徑,以支援後端處理。
-
外觀和印刷樣式需保持一致,以符合品牌方針。
互動式通訊編輯器中的 數值欄位 元件是精確且可靠的數字資料收集工具。 透過強大的格式設定、可見度控制項和資料繫結選項,可確保資料輸入被完整擷取,並順暢地整合至數位表格中。 正確設定樣式和設定後,可大幅提升表單可用性與整體資料準確度。