应用界面触发账号密码自动保存时，若密码保险箱中已存在同应用下与本次使用账号相同的账号，则弹出密码更新提示框，用户点击更新按钮，即可更新密码保险箱内对应账号的密码。

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/4c/v3/TRGwrbK6TEGQ_YweSzKLog/zh-cn_image_0000002540611938.png?HW-CC-KV=V1&HW-CC-Date=20260414T041920Z&HW-CC-Expire=86400&HW-CC-Sign=3AFC1339850CFD00A3F32D7AB230A034BB1ED909DA73938D610559AB1469A2AB)

应用触发修改密码或使用已经保存过的账号手动登录时，均会触发密码更新功能。

登录的布局介绍请参考[账号密码登录](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/passwordvault-save-acc-password#账号密码登录)，以下仅介绍修改账号密码的标准适配场景。

**触发条件及注意事项同[账号密码保存](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/passwordvault-save-acc-password)功能。**

## 修改账号密码

![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/6e/v3/AhkqTr4ARcC6SDGHk8UAJQ/zh-cn_image_0000002571171933.png?HW-CC-KV=V1&HW-CC-Date=20260414T041920Z&HW-CC-Expire=86400&HW-CC-Sign=A1B7A846F21982B2D3BC3254D00F5081C71BBA49A160640D066F9BEB09620757)

示例代码如下：

收起

自动换行

深色代码主题

复制

```
1. @Entry
2. @Component
3. struct RegisterExample {
4. pathInfos: NavPathStack = new NavPathStack();
5. @State ReserveAccount: string = '';
6. @State ReservePassword: string = '';
7. @State enableAutoFill: boolean = true;

9. onBackPress() {
10. // 当非成功登录、返回等页面跳转时，将enableAutoFill设置为false，密码保险箱将不启用自动填充功能
11. this.enableAutoFill = false;
12. return false;
13. }

15. @Builder
16. PageMap(name: string) {
17. if (name === 'register_result_page') {
18. RegisterResultPage()
19. }
20. }

22. build() {
23. Navigation(this.pathInfos) {
24. Column() {
25. Text("修改密码")
26. .commonTitleStyles()

28. TextInput({ placeholder: '用户名' })
29. .commonInputStyles()
30. .type(InputType.USER_NAME) // 账号框使用USER_NAME属性
31. .onChange((value: string) => {
32. this.ReserveAccount = value;
33. })

35. TextInput({ placeholder: '密码' })
36. .showPasswordIcon(true)
37. .commonInputStyles()
38. .type(InputType.Password)
39. .onChange((value: string) => {
40. this.ReservePassword = value;
41. })

43. TextInput({ placeholder: '新密码' })
44. .showPasswordIcon(true)
45. .commonInputStyles()
46. .type(InputType.NEW_PASSWORD) // 密码框使用NEW_PASSWORD属性，可以触发生成强密码。
47. .enableAutoFill(this.enableAutoFill)
48. .passwordRules('begin:[upper],special:[yes],len:[maxlen:32,minlen:12]')
49. .onChange((value: string) => {
50. this.ReservePassword = value;
51. })

53. Button('页面跳转')
54. .commonButtonStyles()
55. .enabled((this.ReserveAccount !== '') && (this.ReservePassword !== ''))
56. .onClick(() => {
57. this.pathInfos.pushPathByName('register_result_page', null)
58. })

60. Button('页面跳转（跳转前关闭autofill）')
61. .commonButtonStyles()
62. .enabled((this.ReserveAccount !== '') && (this.ReservePassword !== ''))
63. .onClick(() => {
64. this.enableAutoFill = false;
65. this.pathInfos.pushPathByName('register_result_page', null)
66. })
67. }
68. }
69. .navDestination(this.PageMap)
70. .height('100%')
71. .width('100%')
72. }
73. }

75. @Component
76. struct RegisterResultPage {
77. pathInfos: NavPathStack = new NavPathStack();

79. build() {
80. NavDestination() {
81. Column() {
82. Text("Result Page").commonTitleStyles()
83. }.width('100%').height('100%')
84. }.title("Result Page")
85. .onReady((context: NavDestinationContext) => {
86. this.pathInfos = context.pathStack;
87. })
88. }
89. }

91. @Extend(Text)
92. function commonTitleStyles() {
93. .fontSize(24)
94. .fontColor('#000000')
95. .fontWeight(FontWeight.Medium)
96. .margin({ top: 24, bottom: 16 })
97. }

99. @Extend(TextInput)
100. function commonInputStyles() {
101. .placeholderColor(0x182431)
102. .width('100%')
103. .opacity(0.6)
104. .placeholderFont({ size: 16, weight: FontWeight.Regular })
105. .margin({ top: 16 })
106. }

108. @Extend(Button)
109. function commonButtonStyles() {
110. .width('100%')
111. .height(40)
112. .borderRadius(20)
113. .margin({ top: 24 })
114. }
```