Development #26827
utiliser l'attribut autocomplete pour faciliter le remplissage automatiques des champs par les navigateurs
0%
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
Révisions associées
Historique
Mis à jour par Frédéric Péters il y a plus de 5 ans
- Fichier 0001-forms-mark-string-fields-with-html5-autocomplete-att.patch 0001-forms-mark-string-fields-with-html5-autocomplete-att.patch ajouté
- Statut changé de Nouveau à Solution proposée
- Patch proposed changé de Non à Oui
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.
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.
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']])
Mis à jour par Emmanuel Cazenave il y a environ 5 ans
- Fichier 0001-forms-mark-string-fields-with-html5-autocomplete-att.patch 0001-forms-mark-string-fields-with-html5-autocomplete-att.patch ajouté
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é.
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)
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
Mis à jour par Emmanuel Cazenave il y a environ 4 ans
- Lié à Development #40894: autocomplétion par le navigateur de certains champs ajouté
Mis à jour par Frédéric Péters il y a environ 4 ans
- Lié à Development #41126: Accessibilité : ajouter l'attribut autocomplete ajouté
forms: mark string fields with html5 autocomplete attributes (#26827)