feat: autocomplete values for register and login templates

Author: julianlam

templates/login.tpl

@@ -20,7 +20,7 @@
 						<div class="mb-2 d-flex flex-column gap-2">
 							<label for="username">{allowLoginWith}</label>
 							<div>
-								<input class="form-control" type="text" placeholder="{allowLoginWith}" name="username" id="username" autocorrect="off" autocapitalize="off" value="{username}"/>
+								<input class="form-control" type="text" placeholder="{allowLoginWith}" name="username" id="username" autocorrect="off" autocapitalize="off" autocomplete="nickname" value="{username}"/>
 							</div>
 						</div>
 						<div class="mb-2 d-flex flex-column gap-2">
@@ -31,7 +31,7 @@
 								{{{ end }}}
 							</div>
 							<div>
-								<input class="form-control" type="password" placeholder="[[user:password]]" name="password" id="password" {{{ if username }}}autocomplete="off"{{{ end }}}/>
+								<input class="form-control" type="password" placeholder="[[user:password]]" name="password" id="password" autocomplete="current-password" autocapitalize="off" />
 								<p id="caps-lock-warning" class="text-danger hidden">
 									<i class="fa fa-exclamation-triangle"></i> [[login:caps-lock-enabled]]
 								</p>

templates/register.tpl

@@ -19,7 +19,7 @@
 						<div class="mb-2 d-flex flex-column gap-2">
 							<label for="username">[[register:username]]</label>
 							<div class="d-flex flex-column">
-								<input class="form-control" type="text" placeholder="[[register:username-placeholder]]" name="username" id="username" autocorrect="off" autocapitalize="off" autocomplete="off" />
+								<input class="form-control" type="text" placeholder="[[register:username-placeholder]]" name="username" id="username" autocorrect="off" autocapitalize="off" autocomplete="nickname" />
 								<span class="register-feedback text-xs text-danger" id="username-notify"></span>
 								<span class="form-text text-xs">[[register:help.username-restrictions, {minimumUsernameLength}, {maximumUsernameLength}]]</span>
 							</div>
@@ -28,7 +28,7 @@
 						<div class="mb-2 d-flex flex-column gap-2">
 							<label for="password">[[register:password]]</label>
 							<div class="d-flex flex-column">
-								<input class="form-control" type="password" placeholder="[[register:password-placeholder]]" name="password" id="password" />
+								<input class="form-control" type="password" placeholder="[[register:password-placeholder]]" name="password" id="password" autocomplete="new-password" autocapitalize="off" />
 								<span class="register-feedback text-xs text-danger" id="password-notify"></span>
 								<span class="form-text text-xs">[[register:help.minimum-password-length, {minimumPasswordLength}]]</span>
 								<p id="caps-lock-warning" class="text-danger hidden">
@@ -40,7 +40,7 @@
 						<div class="mb-2 d-flex flex-column gap-2">
 							<label for="password-confirm">[[register:confirm-password]]</label>
 							<div>
-								<input class="form-control" type="password" placeholder="[[register:confirm-password-placeholder]]" name="password-confirm" id="password-confirm" />
+								<input class="form-control" type="password" placeholder="[[register:confirm-password-placeholder]]" name="password-confirm" id="password-confirm" autocomplete="new-password" autocapitalize="off" />
 								<span class="register-feedback text-xs text-danger" id="password-confirm-notify"></span>
 							</div>
 						</div>