Form without address line 2
DOM Logic Split Fields StreetThe example shows the basic use case of the AddressFinder widget but on a form that has fewer address fields. This form only has one "address line" so the widget has been modified to combine the 'Address_Line_1' and 'Address_Line_2' elements when populating the content into the appropriate field.
See the Pen Form without address line 2 by Addressfinder (@addressfinder) on CodePen.
Related code examples
-
Manual address entry - Autocomplete only for street name, suburb and city/town. It also collects coordinates for the location. All other fields must be entered manually.#GPS #Location #Manual #Split Fields #Street
-
Canadian checkout demo - Shows a simple checkout page, configured for capturing a Canadian address. The autocomplete widget provides the search capability and the selected address elements are populated into the relevant form fields.#International #Split Fields
-
North Island/South Island Geofencing - The example shows how you can use polygons to determine whether an address is in a particular area. In this example we use NZ's North and South island.#Geofence #Logic
-
Populate fields using querySelector function - Most of our code examples use the ID of a form input field to populate data when an address is autocompleted. However, not all forms use "IDs" to Identify fields. In this example we use the querySelector function to identify the fields and populate the data. In this case we use the field's name to identify the fields.#Split Fields #User Interface
-
Populate fields using querySelector function - Most of our code examples use the ID of a form input field to populate data when an address is autocompleted. However, not all forms use "IDs" to Identify fields. In this example we use the querySelector function to identify the fields and populate the data. In this case we use the field's name to identify the fields.#DOM