Enhance login form with semantic autocomplete attributes

Add proper semantic autocomplete attributes to login form fields to improve browser password manager integration. This includes autocomplete="username" for username fields, autocomplete="current-password" for password field, and autocomplete="email" for email field.

These improvements enhance user experience and align with web standards.
This commit is contained in:
Moises E. Puyosa 2025-07-22 11:09:00 -05:00 committed by Jack Anderson
parent 30cea182e5
commit 977e52e515

View file

@ -71,6 +71,7 @@
#username="ngModel"
placeholder="{{vm.appStrings['LBL_USER_NAME']}}"
aria-label="Username"
autocomplete="username"
required>
<div *ngIf="username.invalid && username.touched" class="invalid-feedback">
{{vm.appStrings['ERR_MISSING_REQUIRED_FIELDS']}}
@ -86,6 +87,7 @@
#password="ngModel"
placeholder="{{vm.appStrings['LBL_PASSWORD']}}"
aria-label="Password"
autocomplete="current-password"
required>
<div *ngIf="password.invalid && password.touched" class="invalid-feedback">
{{vm.appStrings['ERR_MISSING_REQUIRED_FIELDS']}}
@ -119,6 +121,7 @@
#username="ngModel"
placeholder="{{vm.appStrings['LBL_USER_NAME']}}"
aria-label="Username"
autocomplete="username"
required>
<div *ngIf="username.invalid && username.touched" class="invalid-feedback">
{{vm.appStrings['ERR_MISSING_REQUIRED_FIELDS']}}
@ -134,6 +137,7 @@
#mail="ngModel"
placeholder="{{vm.appStrings['LBL_EMAIL']}}"
aria-label="Email"
autocomplete="email"
required>
<div *ngIf="mail.invalid && mail.touched" class="invalid-feedback">
{{vm.appStrings['ERR_MISSING_REQUIRED_FIELDS']}}