各類輸入框元件：主要是提供用戶在前端輸入信息用，即放即用，這些元件直接顯示在前端。

1、屬性可以定義顯示的樣式，比如定義寬度大小、邊框顏色等，用法與其他元件一樣設定屬性的“html.style”值即可，同時也可以用“html.maxLength”定義輸入值的長短，超過長度則無法輸入：

2、輸入框因類型不同，可輸入的數據形式固定，比如數字輸入框無法錄入文字字符；但字符輸入框可以輸入數字，數據是字符型的；密碼輸入框輸入時不顯示內容但顯示占位符號；日期選框會出現一個日期選項板（日期格式可改為中文）：

3、帶標簽的輸入框只是提供了一個默認的字符標簽，命名後標簽顯示名稱；這個標簽本身是一個與輸入框並行放置的文本顯示元件；在使用時也可以直接放一個字符常量顯示元件，外加不帶標簽的輸入框；也可以對標簽單獨進行樣式定義處理：

4、輸入框中可以添加一個“<On Change>”的行業處理，當輸入完成後回車或TAB鍵或光標移出點擊其他位置時可以觸發邏輯處理，比如檢查字符輸入時是否要求輸入的郵箱字符包含有@符號，以及數字輸入時是否數字不為零，如果不包含或是零，則提示需重輸入：

5、支持<Placeholder>、<Visible>、<Disabled>等H5標簽使用：<Placeholder>是將一個常量文本放入，主要是提示輸入信息用；<Visible>可以用於復用模塊中，有些無需讓用戶看見或配合上第4點當某個條件符合時隱去不顯示簡化用戶作業讓界面也簡單化，傳布爾值就可以（在常量元件中有是和否的常量）；<Disabled>可以作為是否不讓輸入任何內容用，布爾值傳值給他就行：

下拉選擇菜單元件（Selection Labeled Field）：

1、下拉選擇菜單元件與以上其他輸入元件一樣，沒有差別，可參考以上處理；

2、下拉選框的中的<Options>是選項，可放入多個內容；可以為下拉框添加一個默認的最常用的選項，如下：

TERSUS畫畫一樣開發軟件 顯示元件介紹-輸入框類顯示元件