Angular EasyUI 密碼框

2020-06-24 17:28 更新

密碼框( PasswordBox )允許用戶在具有更好交互功能的輸入框中輸入密碼。 密碼框( PasswordBox )會(huì)通過(guò)將輸入內(nèi)容顯示為圓點(diǎn)的方式來(lái)保護(hù)您輸入的密碼。 密碼框( PasswordBox )提供了一個(gè)眼睛的圖標(biāo)以點(diǎn)擊的動(dòng)作查看您已輸入的密碼。

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認(rèn)值
value string 字段值。 null
passwordChar string 在輸入框上顯示的密碼字符。
checkInterval number 檢查并將輸入字符轉(zhuǎn)換為密碼字符的間隔時(shí)間。 200
lastDelay number 將最后一個(gè)輸入字符轉(zhuǎn)換為密碼字符的延遲時(shí)間。 500
showEye boolean 是否顯示眼睛圖標(biāo)。 true
eyeAlign string 眼睛圖標(biāo)對(duì)齊??蛇x值是: 'left', 'right'。 right
revealed boolean 是否顯示隱藏密碼。 false

注:
- 繼承: InputBaseComponent 。
- 選擇器: eui-passwordbox 。

使用方法

<div style="margin-bottom:20px">
    <eui-textbox [(ngModel)]="username" placeholder="Username" iconCls="icon-man"></eui-textbox>
</div>
<div style="margin-bottom:20px">
    <eui-passwordbox [(ngModel)]="password" placeholder="Password"></eui-passwordbox>
</div>
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)