credentials: add autocomplete attributes

Allow browsers to autofill more informations.

References:
- MDN: Autofill (https://developer.mozilla.org/fr/docs/Web/HTML/Attributs/autocomplete)
- Safari Password Autofill (https://developer.apple.com/documentation/security/password_autofill/enabling_password_autofill_on_an_html_input_element)
This commit is contained in:
Pierre de La Morinerie 2020-03-31 16:58:36 +02:00
parent 8f7a21317a
commit c4f2e6cab0
3 changed files with 6 additions and 6 deletions

View file

@ -26,10 +26,10 @@
.flex .flex
.inline-champ .inline-champ
= f.label :prenom, class: "required" = f.label :prenom, class: "required"
= f.text_field :prenom, class: "small", required: true = f.text_field :prenom, class: "small", required: true, autocomplete: 'given-name'
.inline-champ .inline-champ
= f.label :nom, class: "required" = f.label :nom, class: "required"
= f.text_field :nom, class: "small", required: true = f.text_field :nom, class: "small", required: true, autocomplete: 'family-name'
- if @dossier.procedure.ask_birthday? - if @dossier.procedure.ask_birthday?
= f.label :birthdate, class: "required" = f.label :birthdate, class: "required"

View file

@ -6,7 +6,7 @@
%h1 Créez-vous un compte demarches-simplifiees.fr %h1 Créez-vous un compte demarches-simplifiees.fr
= f.label :email, "Email" = f.label :email, "Email"
= f.text_field :email, autofocus: true, placeholder: "Votre adresse email" = f.text_field :email, type: :email, autocomplete: 'username', autofocus: true, placeholder: "Votre adresse email"
.suspect-email.hidden .suspect-email.hidden
.email-suggestion-title .email-suggestion-title
@ -20,7 +20,7 @@
Non Non
= f.label :password, "Mot de passe" = f.label :password, "Mot de passe"
= f.password_field :password, value: @user.password, placeholder: "8 caractères minimum", 'aria-describedby':'8 caractères minimum' = f.password_field :password, autocomplete: 'new-password', value: @user.password, placeholder: "8 caractères minimum", 'aria-describedby':'8 caractères minimum'
= f.submit "Créer un compte", class: "button large primary expand" = f.submit "Créer un compte", class: "button large primary expand"

View file

@ -6,10 +6,10 @@
%h2.huge-title Connectez-vous %h2.huge-title Connectez-vous
= f.label :email, "Email" = f.label :email, "Email"
= f.text_field :email, autofocus: true = f.text_field :email, type: :email, autocomplete: 'username', autofocus: true
= f.label :password, "Mot de passe" = f.label :password, "Mot de passe"
= f.password_field :password = f.password_field :password, autocomplete: 'current-password'
.auth-options .auth-options
%div %div