表單是低代碼最基礎的數(shù)據(jù)輸入的方式，其中文本框是配置化表單的最基礎的業(yè)務能力組件之一，主要用于收集和展示用戶錄入的文本類的信息，例如名稱、地址、描述說明等等。

那么我們接下來分幾個方面分別對文本框的使用進行講解。

基礎功能

擁有內(nèi)容錄入、字數(shù)統(tǒng)計、一鍵清除、密碼框、默認提示、格式校驗等功能。

字數(shù)統(tǒng)計長度限制

如圖所示，可以設置文本錄入最大長度，與當前錄入的數(shù)量展示，超過最大長度后將無法錄入多余內(nèi)容，同時可以開啟字數(shù)統(tǒng)計按鈕，這樣會更加清晰已經(jīng)占用的字數(shù)統(tǒng)計

一鍵清除

一鍵清除功能是指在內(nèi)容錄入后，可以通過清除按鈕刪除本文本框內(nèi)的所有內(nèi)容，用于在內(nèi)容錄入錯誤時快速清空內(nèi)容，效果圖如下：

配置如下：

提示內(nèi)容

內(nèi)容提示用于在錄入內(nèi)容之前，告知用戶本文本框需要了解的提示，一旦輸入內(nèi)容后自動清除提示

也可以在組件之后提供獨立的內(nèi)容提示，提示通過懸浮的提示氣泡展示

設置方式如下圖所示：

密碼框

文本框可以作為密碼輸入框，當作為密碼框時，系統(tǒng)會增加脫密展示（不展示原文），也可以通過“原文”按鈕轉(zhuǎn)化為明文展示

配置方式如下圖所示：

前置與后綴

在提示用戶輸入信息時，前綴與后綴常常作為規(guī)范、標準的輔助信息進行展示，配置如下圖所示：

必填校驗

必填校驗是表單中最基礎的數(shù)據(jù)校驗方式，保障數(shù)據(jù)提交到服務端后數(shù)據(jù)的規(guī)范性與一致性，設置如下圖所示

跨表查詢回填（查詢對話框）

文本組件可設置選擇關聯(lián)其他數(shù)據(jù)模型，配置為選擇類型。通過查詢對話框把其他模型中的數(shù)據(jù)回填到本文本框中，我們先看看效果如下圖所示：

配置的方式如下圖所示：

①：點擊需要配置查詢對話框的文本框組件

②：開啟支持搜索返回功能，開啟后實現(xiàn)通過跨模型的數(shù)據(jù)查詢并把對應字段作為查詢內(nèi)容回填到文本框中

③：設置關聯(lián)模型，選擇對應模型后（跨表查詢數(shù)據(jù)的來源）

④：跳過權(quán)限設置，對與數(shù)據(jù)來源的模型查詢時是否校驗用戶的數(shù)據(jù)權(quán)限，打開時則不校驗用戶的數(shù)據(jù)權(quán)限

⑤：展示值是選擇把對應模型的哪個字段內(nèi)容回填到文本框中

⑥：是否可以多選回填，開啟多選回填后，將回填多條數(shù)據(jù)

⑦：展示字段用于查詢對話框中展示哪些字段以供 用戶去識別選擇

⑧：查詢對話框中的查詢條件設置

⑨：是否對返回的數(shù)據(jù)做條件過濾配置，開啟后可以進行條件過濾配置

注意：文本組件開啟搜索后回填值為所選字段的值，此處與下拉選項不同，下拉框做數(shù)據(jù)回顯的時候僅僅是類似于系統(tǒng)字典的方式，該字段存了對應數(shù)據(jù)的ID值，查詢對話框是存的數(shù)據(jù)本身的內(nèi)容

數(shù)據(jù)聯(lián)動（數(shù)據(jù)自動回顯）

數(shù)據(jù)聯(lián)動和查詢對話框不同，查詢對話框是在對象文本框的主動人為操作回填數(shù)據(jù)，數(shù)據(jù)聯(lián)動是對象文本框依賴于其他組件被動回顯數(shù)據(jù)，下面我們先看看實際的效果：

配置方式如下，有配置權(quán)限的用戶進入表單設計界面

選中需要動態(tài)回顯數(shù)據(jù)的字段操作如下圖所示：

①：拖入文本框組件、綁定對應字段的數(shù)據(jù)模型

②：設置文本框為只讀模式

③：設置文本框的數(shù)據(jù)聯(lián)動狀態(tài)，點擊編輯，進入數(shù)據(jù)聯(lián)動界面，如下圖所示：

①：選擇回填數(shù)據(jù)的來源模型（跨表數(shù)據(jù)）

②：選擇本文本框依賴的組件內(nèi)容

③：設置數(shù)據(jù)回填數(shù)據(jù)模型的字段中與依賴組件值相同的數(shù)據(jù)行（用于把想要的目標數(shù)據(jù)過濾出來）

④：可設置多個條件

⑤：設置回填到本文本框的字段

在線demo：https://frame.bctools.cn/

基礎框架開源地址：https://gitee.com/software-minister/jvs