A08-02 數字元件

一、概述

1. 在設計表單時，可以在儲存格中插入數字元件，從而讓使用者在此儲存格中輸入數字。

2. 數字元件作為一種填報元件，僅在填報預覽和新填報預覽時可見。 

二、屬性內容

1

插入數字元件。

1. 在B2儲存格中輸入數字：1，在C2儲存格中輸入數字：2。

2. 選中B2儲存格，點擊【元件設定】，點擊下拉框，選擇【數字元件】。

3. 同樣操作給C2儲存格也插入數字元件。

2

點擊填報預覽，在瀏覽器中查看效果。

1. B2、C2中的數字1、2為原始值。

2. B2、C2中允許輸入任意數字。

3

基本-元件名。

1. 可以為B2、C2中插入的數字元件分別設定元件名。

2. 元件名可手動輸入任意名稱，也可選擇全域參數或伺服器資料源參數。

3. 元件名選擇參數，即將參數和元件進行了綁定，在元件中輸入的值，可通過參數來實時傳遞。

4. 擁有名稱後，可以通過JavaScript獲取元件，從而修改元件屬性。

4

基本-可用。

1. 勾選【可用】時，元件內可輸入數字。

2. 勾選【不可用】時，元件內不允許輸入數字。

3. 設定B2儲存格元件不可用，C2儲存格元件可用，預覽效果。

5

基本-可見。

1. 【勾選】可見時，可看得到元件。

2. 【不勾選】可見時，元件會被隱藏起來不顯示。

3. 設定元件不可見時，需先點擊【範本】→【範本web屬性】→【填報頁面設定】，勾選【直接顯示元件】。

4. 設定B2儲存格元件不可見，C2儲存格元件可見，預覽效果。
   

6

進階-水印。

1. 設定水印後，當元件值為空時，在元件上會以淺灰色的文字顯示。

2. 當我們點擊元件後，水印就會消失，可以當做提示文字或數字。

3. 給B2儲存格元件設定水印，輸入值：請輸入。

4. 點擊【預覽】，在瀏覽器中查看效果。

7

校驗-允許為空。

1. 【勾選】允許為空時，表示元件可以為空顯示。

2. 【不勾選】允許為空時，則會多一項錯誤提示，可輸入提示內容。

3. 預覽時當元件為空時，沒輸入任何值，回車則會彈出錯誤提示。

4. 設定B2儲存格不勾選允許為空，在錯誤提示中輸入Not null，C2儲存格勾選允許為空。

5. 點擊【預覽】，在瀏覽器中查看效果。

8

校驗-允許小數。

1. 【勾選】允許小數，可以選擇小數點的位數。

2. 【不勾選】允許小數，則無法輸入小數點。

3. 設定B2儲存格不勾選允許小數，C2儲存格勾選允許小數。

4. 點擊【預覽】，在瀏覽器中查看效果。

9

校驗-允許負數。

1. 【勾選】允許負數，可以輸入負號。

2. 【不勾選】允許負數，則無法輸入負號。

3. 設定B2儲存格不勾選允許負數，C2儲存格勾選允許負數。

4. 點擊【預覽】，在瀏覽器中查看效果。

10

校驗-需要最大值與最小值。

1. 【勾選】後，可以設定最值大與最小值的範圍，也能輸入錯誤提示。

2. 【不勾選】則無限制數字範圍。

3. 設定B2儲存格勾選需要最大值：9，勾選需要最小值：3，設定錯誤提示為：請輸入3-9之間的數字。

4. C2儲存格不勾選需要最大值與需要最小值。

5. 點擊【預覽】，在瀏覽器中查看效果。