Projet

Général

Profil

Development #26827

utiliser l'attribut autocomplete pour faciliter le remplissage automatiques des champs par les navigateurs

Ajouté par Emmanuel Cazenave il y a plus de 5 ans. Mis à jour il y a environ 5 ans.

Statut:
Fermé
Priorité:
Normal
Assigné à:
-
Version cible:
-
Début:
28 septembre 2018
Echéance:
% réalisé:

0%

Temps estimé:
Patch proposed:
Oui
Planning:

Description

Pas encore dans la norme HTML semble-t-il, mais un travail en cours pour faciliter l’auto-complétion des champs par les navigateurs :

https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill

Sans savoir comment ça pourrait s'intégrer dans w.c.s, ce ticket pour discussion, motivé par une demande client.


Fichiers


Demandes liées

Lié à w.c.s. - Development #40894: autocomplétion par le navigateur de certains champsRejeté23 mars 2020

Actions
Lié à w.c.s. - Development #41126: Accessibilité : ajouter l'attribut autocompleteFermé

Actions

Révisions associées

Révision e5108eef (diff)
Ajouté par Frédéric Péters il y a environ 5 ans

forms: mark string fields with html5 autocomplete attributes (#26827)

Historique

#2

Mis à jour par Frédéric Péters il y a plus de 5 ans

Détournement de extra_css_class sur les champs de profil pour contenir genre autocomplete-given-name. Ensuite, sur un champ défini comme prérempli par un attribut du profil, coup d'œil à extra_css_class et si autocomplete-whatever, alors attribut autocomplete="whatever" ajouté sur l'<input>.

Je n'ai pas de profil enregistré dans Chromium pour vérifier.

#3

Mis à jour par Emmanuel Cazenave il y a environ 5 ans

Pardon pour le retour tardif.

Je n'arrive pas faire apparaître de autocomplete="family-name" sur l'input d'un champ de formulaire paramétré pour être pré-rempli par le nom de l'utilisateur et dans lequel j'ai mis dans 'Classes supplémentaires pour les styles CSS' un 'autocomplete-family-name'.

A la lecture du patch je crois comprendre que la première étape serait de trouver dans hobo.json un "extra_css_class" : "autocomplete-family-name" sur le champ de profil "last_name", et après des modifs coté hobo pour déclencher un check_hobo, bredouille là aussi.

#4

Mis à jour par Frédéric Péters il y a environ 5 ans

dans lequel j'ai mis dans 'Classes supplémentaires pour les styles CSS' un 'autocomplete-family-name'.

Il n'y a pas de classe particulière à poser sur le champ, cf le test :

    formdef.fields = [fields.StringField(id='0', label='string',
        prefill={'type': 'user', 'value': '_first_name'})]

A la lecture du patch je crois comprendre que la première étape serait de trouver dans hobo.json (...)

Non, à la réception d'un message de déploiement d'hobo (qui est le truc qui a du te manquer), le extra_css_classes est posé dans la config,

            if attribute['name'] in html5_autocomplete_map:
                profile_fields[field_id].extra_css_class = (
                        'autocomplete-%s' % html5_autocomplete_map[attribute['name']])
#5

Mis à jour par Emmanuel Cazenave il y a environ 5 ans

Ok.

Il y avait juste un problème dans l'expression régulière ou manquait les chiffres, ce qui produisait au final des autocomplete="address-line" au lieu de autocomplete="address-line1" par exemple.

J'ai corrigé dans ce patch, avec le test. Et ça marche nickel dans chrome avec un profil enregistré.

#6

Mis à jour par Frédéric Péters il y a environ 5 ans

  • Statut changé de Solution proposée à Résolu (à déployer)

Super, (et je prends cette relecture/correction comme un ack pour le patch corrigé)

commit e5108eef03ebd9cd48e6c75d2dfb5b0f10b3ec7d
Author: Frédéric Péters <fpeters@entrouvert.com>
Date:   Sun Sep 30 15:39:55 2018 +0200

    forms: mark string fields with html5 autocomplete attributes (#26827)
#7

Mis à jour par Frédéric Péters il y a environ 5 ans

  • Statut changé de Résolu (à déployer) à Solution déployée
#8

Mis à jour par Emmanuel Cazenave il y a environ 4 ans

  • Lié à Development #40894: autocomplétion par le navigateur de certains champs ajouté
#9

Mis à jour par Frédéric Péters il y a environ 4 ans

Formats disponibles : Atom PDF