Bye Bye Moore

PoCソルジャーな零細事業主が作業メモを残すブログ

郵便番号から住所を出してくれる便利ライブラリ「yubinbango.js」

yubinbango.jsは郵便番号から住所を出してくれる便利ライブラリです。
npmみたいなツールが無くとも、そのまんま埋め込みができます。

実際のところ

<script src="https://yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>

<form class="h-adr">
  <span class="p-country-name" style="display:none;">Japan</span><input type="text" class="p-postal-code" size="3" maxlength="3">
  <input type="text" class="p-postal-code" size="4" maxlength="4"><br>

  <input type="text" class="p-region" readonly /><br>
  <input type="text" class="p-locality" readonly /><br>
  <input type="text" class="p-street-address" /><br>
  <input type="text" class="p-extended-address" />
</form>

何もしないと、こんな感じ
f:id:shuzo_kino:20170205235319p:plain
数値を入力すると……
f:id:shuzo_kino:20170205235323p:plain

無料みたいですが、募金は受け付けているそうです。

参考もと

github.com