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>
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号