既存フォームへ追加
現在のフォーム構成を保ちながら、JavaScriptで住所補完を追加できます。
Address AutoComplete JavaScript
住所補完JavaScript
今ある住所入力フォームを保ちながら、郵便番号を起点とした住所補完を追加したい方へ。
Who it is for
こんな方に適しています
現在のフォーム構成を活かしながら、都道府県・市区町村・住所欄への入力を補助したいWebサイトに適しています。
Key use cases
- 01会員登録フォームへの住所補完
- 02注文・配送先フォームへの導入
- 03問い合わせフォームの入力補助
Product value
今あるフォームを、作り直さない。
既存の入力欄を活かし、郵便番号の入力をきっかけに都道府県・市区町村・住所欄を補完します。
郵便番号から補完
郵便番号の入力を起点に、設定した都道府県・市区町村・住所欄を補完します。
Search APIと共通
Address Search APIと同じAPI Keyを使い、その料金プランとリクエスト上限が適用されます。
Selector or AutoComplete?
住所入力UIの作り方で選ぶ
新しい選択UIを組み込むか、今あるフォームへ補完を加えるかで選べます。
How it works
既存フォームに、
住所補完を追加できます。
フォームを作り直さず、郵便番号を起点とした住所補完を追加できます。
動作イメージ
郵便番号100-0005都道府県東京都市区町村千代田区住所丸の内
実装イメージ
HTML FORM＋Address AutoComplete
JavaScript↓ADDRESS FIELDS
JavaScript↓ADDRESS FIELDS
正式な読み込み方法と設定は導入ドキュメントで確認できます。
Implementation & access
JavaScriptで既存フォームへ導入
住所補完JavaScriptを読み込み、既存フォームへ設定します。導入方法と利用できる設定は正式ドキュメントで確認できます。