See the Pen 住所入力フォーム練習 by morioka (@rm5912) on CodePen.
郵便番号から住所が簡単に入力できるサービスを使ってみた。
YubinBangoというサービスを利用して郵便番号から住所を自動入力機能を実装してみました。
住所から郵便番号を出すなどはできませんが
十分使えるかなと思います。
html
<script src="https://yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
ライブラリを読み込んでinputのclass属性に下記のプロパティを指定します。
| クラス名 | 分類 |
|---|---|
| h-adr | formやdivで囲む |
| p-region | 都道府県 |
| p-locality | 市区町村 |
| p-street-address | 町域 |
| p-extended-address | 上記以外の住所 |
これに郵便局のURLを貼るなどすればいいかなと思います。