跳到主要内容

快速适配

密码自动填充服务依托ArkUI TextInput 组件为开发者提供的一系列登录场景相关控件,密码保险箱帮助开发者快速集成自动填充等功能,仅需在界面上使用ArkUI标准控件,开发者即可通过密码保险箱的便捷登录,让用户快速上手应用功能。

约束与限制

应用需要使用ArkUI组件TextInput作为输入框,并指定输入框类型(InputType),才能使用系统密码自动填充服务。不同输入框类型与使用场景的对应关系如下表所示。

表1 输入框类型说明

InputType名称描述使用场景
USER_NAME用户名输入模式。用于登录、注册等场景的用户名输入。
Password密码输入模式。支持输入数字、字母、下划线、空格、特殊字符。 密码显示小眼睛图标并且默认会将文字变成圆点。用于登录、注册等场景的密码输入。
NUMBER_PASSWORD数字密码输入模式。仅支持输入数字。 密码显示小眼睛图标并且默认会将文字变成圆点。用于登录、注册等场景的密码输入。
NEW_PASSWORD新密码输入模式。用于注册、修改密码等场景的新密码输入。

本文档中类型描述为Password的类型,均可用NUMBER_PASSWORD类型替代。

快速适配指导

当应用具备账号密码登录的场景时,只需要将充当用户名的TextInput输入框的type属性设置为InputType.USER_NAME,将密码TextInput输入框的type属性设置为InputType.Password,即可使用密码保险箱的填充和保存功能。

在应用的账号密码注册页除设置用户名输入框外,将新密码TextInput输入框的type属性设置为InputType.NEW_PASSWORD,即可使用强密码填充功能。如果应用对密码强度有特殊要求,根据为应用添加自动生成高强度密码的建议适配即可。

代码示例:

TextInput({ placeholder: '用户名' })
.opacity(0.6)
.type(InputType.USER_NAME)
.placeholderColor(0x182431)
.width('100%')
.placeholderFont({ size: 16, weight: FontWeight.Regular })
.margin({ top: 32, bottom: 8 })