Angular EasyUI 密码框
2020-06-24 17:28 更新
密码框( PasswordBox )允许用户在具有更好交互功能的输入框中输入密码。 密码框( PasswordBox )会通过将输入内容显示为圆点的方式来保护您输入的密码。 密码框( PasswordBox )提供了一个眼睛的图标以点击的动作查看您已输入的密码。
属性列表
名称 | 数据类型 | 作用描述 | 默认值 |
---|---|---|---|
value | string | 字段值。 | null |
passwordChar | string | 在输入框上显示的密码字符。 | |
checkInterval | number | 检查并将输入字符转换为密码字符的间隔时间。 | 200 |
lastDelay | number | 将最后一个输入字符转换为密码字符的延迟时间。 | 500 |
showEye | boolean | 是否显示眼睛图标。 | true |
eyeAlign | string | 眼睛图标对齐。可选值是: '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>
以上内容是否对您有帮助:
更多建议: