Remplissage automatique d’un formulaire d’adresse avec Google Place autocomplete

Dans le but d’améliorer l’expérience utilisateur des internautes, l’aide au remplissage des formulaires de façon automatique peut être intéressante.

Pour cela Google Place autocomplete permet de remplir automatiquement les champs d’adresses (rue, ville, code postal, pays) à partir d’une proposition de Google.

google_place_02 google_place_03

 

 

 

 

Pour commencer dans votre page html, faire appel à l’API Javascript Places Autocomplete

N’oubliez pas de remplacer votre_cle_api par votre api key que vous pouvez obtenir ici.

Maintenant, dans votre fichier HTML, il faut créer un formulaire comme celui-ci

L’id de chacun des champs a son importance pour que toutes les informations de l’api soient correctement replacées dans les champs appropriés.

Maintenant, un peu de javascript pour faire la liaison entre l’api et le formulaire.

Et voilà, une façon simple de proposer aux internautes une aide à la saisie pour la partie adresse.

Source : https://www.lewagon.com/blog/tuto-google-place-autocomplete

2 réflexions au sujet de « Remplissage automatique d’un formulaire d’adresse avec Google Place autocomplete »

  1. Un problème: les champs ne sont pas effacés entre chaque recherche. Si par exemple l’utilisateur a commis une erreur et modifie son adresse et si cette nouvelle adresse ne contient par exemple pas de numéro de rue, le précédent numéro va rester dans les champs

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.