A08-00 文字元件

一、概述

1. 在設計表單時，有些資訊需要使用者手動輸入。可以在儲存格中插入文字元件，從而讓使用者在此儲存格中輸入文字。

2. 文字元件作為一種填報元件，僅在填報預覽和新填報預覽時使用。

二、屬性內容

1

插入文字元件。

1. 在B2儲存格中輸入文字：text1，在C2儲存格中輸入文字：text2。

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

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

2

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

1. B2、C2中的文字text1、text2為原始值。

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儲存格設定輸入規則長度校驗，最小長度為1，最大長度為6，錯誤提示為：請輸入1-6個字元。

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

9

校驗-輸入規則-自訂。

1. 選擇【自訂】輸入規則，可通過正則運算式自訂校驗規則。

2. 給B2儲存格設定自訂校驗規則，輸入正則運算式：^\d{3}$，表示僅允許輸入3個數字。

3. 設定錯誤提示：請輸入3個數字。

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