郵便番号API

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="//zipcode.i-hive.co.jp/zipcode.js"></script>

<form class="use_zipcode">
    〒<input class='zipcode' type="text">
    <input class='zipcode_address' type="text" style="width:600px">
    <div class="zipcode_error"></div>
    <div class="zipcode_town_list"></div>
    <div class="zipcode_subtown_list"></div>
</form>

〒

---

<form class="use_zipcode">
    〒<input class='zipcode1' type="text" pattern="\d{3}">
    -
    <input class='zipcode2' type="text" pattern="\d{4}">
    <input class='zipcode_address' type="text" style="width:600px">
    <div class="zipcode_error"></div>
</form>

〒 -

---

<form class="use_zipcode">
    <dl>
    <dt>〒</dt><dd><input class='zipcode' type="text"></dd>
    <dt>都道府県：</dt><dd><input class='zipcode_pref' type="text" style="width:100px"></dd>
    <dt>市区町村：</dt><dd><input class='zipcode_region' type="text" style="width:200px"></dd>
    <dt>町名：</dt><dd><input class='zipcode_town' type="text" style="width:200px">
    <div class="zipcode_town_list"></div></dd>
    <dt>字：</dt><dd><input class='zipcode_subtown' type="text" style="width:200px">
    <div class="zipcode_subtown_list"></div></dd>
    <dt>ビル名：</dt><input class='zipcode_build' type="text" style="width:600px"></dd>
    <dt>階数：</dt><input class='zipcode_floor' type="text" style="width:100px"></dd>
    </dl>
    <div class="zipcode_error"></div>
</form>

〒

都道府県：

市区町村：

町名：

字：

ビル名：

階数：

<form class="use_zipcode">
    〒<input class='zipcode'><br>
    都道府県：<input class='zipcode_pref' type="text" style="width:100px"><br>
    市区町村：<input class='zipcode_region' type="text" style="width:200px"><br>
    <input class='zipcode_town zipcode_subtown zipcode_build zipcode_floor' type="text" style="width:600px"><br>
    <div class="zipcode_town_list"></div>
    <div class="zipcode_subtown_list"></div>
    <div class="zipcode_error"></div>
</form>

〒
都道府県：
市区町村：