W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
密碼框( 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 |
注:
- 繼承: InputBase 。
<Form model={this.state.user} onChange={this.handleChange.bind(this)}>
<div style={{ marginBottom: 20 }}>
<TextBox name="username" value={this.state.user.username} placeholder="Username" iconCls="icon-man"></TextBox>
</div>
<div style={{ marginBottom: 20 }}>
<PasswordBox name="password" value={this.state.user.password} placeholder="Password" iconCls="icon-lock"></PasswordBox>
</div>
</Form>
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: