Autofill an address form and show a list of potential address matches based on keystroke.
Use Case
The Address Form Autofill demo shows how to:
- Allow a user to quickly fill in address information
- Display a list of potential address matches based on keystroke
- Automatically fill in an address form based on the selected drop-down item
Interactive Address Form Autofill
Address Form Demo Requirements
To interact with the Address Form Autofill Demo, you will need the following:
- Foursquare API Token (available free with sign up; restrictions apply)
Within the Javascript code, make sure to input the token into the correct line:
const fsqAPIToken = 'FSQ_API_TOKEN';
Resources
The following resources are required to build a similar Address Form Autofill experience:
- A Foursquare Developer Console account + Foursquare API Key
- Access to the following Places API endpoints:
- Relevant code to display local search map within a browser:
- NOTE: We've provided the code - Javascript. HTML, CSS - used to build our demo above