TERSUS畫畫一樣開發軟件 顯示元件介紹-輸入框類顯示元件
各類輸入框元件:主要是提供用戶在前端輸入信息用,即放即用,這些元件直接顯示在前端。
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畫畫一樣開發軟件 顯示元件介紹-輸入框類顯示元件