Separate Input from Address

Specify an inputField to apply the Address Finder to a field other than the first line of the address.

The inputField property is an object that allows you to set a custom input field for Address Finder.

JavaScript

 
AddressFinder.setup({
  apiKey: "ak_test",
  inputField: "#input",
  outputFields: {
      line_1: "#line_1",
      line_2: "#line_2",
      line_3: "#line_3",
      post_town: "#post_town",
      postcode: "#postcode"
  }
});

HTML

<form style="max-width: 450px; padding: 10px;">
    <h1>Address Form</h1>
    <label for="line_1">Address First Line</label>
    <label for="input">Search Your Address</label>
    <input type="text" id="input" placeholder="Start typing address here" />
    <input type="text" id="line_1" />
    <label for="line_2">Address Second Line</label>
    <input type="text" id="line_2" />
    <label for="line_3">Address Third Line</label>
    <input type="text" id="line_3" />
    <label for="post_town">Town or City</label>
    <input type="text" id="post_town" />
    <label for="postcode">Postcode</label>
    <input type="text" id="postcode" />
</form>

Live Demo

Loading...