feat: Use autocomplete attributes for login, signup and password reset

This commit is contained in:
barredterra 2022-05-05 13:13:40 +02:00
parent c31eca3ba5
commit de45cf9bbd
3 changed files with 7 additions and 7 deletions

View file

@ -3,12 +3,12 @@
<div class="form-group">
<label class="form-label sr-only" for="signup_fullname">{{ _("Full Name") }}</label>
<input type="text" id="signup_fullname" class="form-control" placeholder="{{ _('Jane Doe') }}"
required autofocus>
required autofocus autocomplete="name">
</div>
<div class="form-group">
<label class="form-label sr-only" for="signup_email">{{ _("Email") }}</label>
<input type="email" id="signup_email" class="form-control"
placeholder="{{ _('jane@example.com') }}" required>
placeholder="{{ _('jane@example.com') }}" required autocomplete="username">
</div>
</div>
<div class="page-card-actions">

View file

@ -7,7 +7,7 @@
<div class="email-field">
<input type="text" id="login_email" class="form-control"
placeholder="{% if login_name_placeholder %}{{ login_name_placeholder }}{% else %}{{ _('jane@example.com') }}{% endif %}"
required autofocus>
required autofocus autocomplete="username">
<svg class="field-icon email-icon" width="20" height="20" viewBox="0 0 20 20" fill="none"
xmlns="http://www.w3.org/2000/svg">
@ -152,7 +152,7 @@
<div class="page-card-body">
<div class="email-field">
<input type="email" id="forgot_email" class="form-control"
placeholder="{{ _('Email Address') }}" required autofocus>
placeholder="{{ _('Email Address') }}" required autofocus autocomplete="username">
<svg class="field-icon email-icon" width="20" height="20" viewBox="0 0 20 20" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path

View file

@ -12,16 +12,16 @@
<form id="reset-password">
<div class="form-group">
<input id="old_password" type="password"
class="form-control mb-4" placeholder="{{ _('Old Password') }}">
class="form-control mb-4" placeholder="{{ _('Old Password') }}" autocomplete="current-password">
</div>
<div class="form-group">
<input id="new_password" type="password"
class="form-control mb-4" placeholder="{{ _('New Password') }}">
class="form-control mb-4" placeholder="{{ _('New Password') }}" autocomplete="new-password">
<span class="password-strength-indicator indicator"></span>
</div>
<div class="form-group">
<input id="confirm_password" type="password"
class="form-control" placeholder="{{ _('Confirm Password') }}">
class="form-control" placeholder="{{ _('Confirm Password') }}" autocomplete="new-password">
<p class="password-mismatch-message text-muted small hidden mt-2"></p>
</div>