公式サイト 郵便番号・住所サジェスト システム - サンプル 02
このサンプルは、
 入力の郵便番号3桁+4桁のテキストフィールド、
 出力は都道府県と市区町村が別々のテキストフィールド
のパターン例です。

郵便番号: -

都道府県:

市区町村:

入力例
100-0012 (東京都),  170-0014 (東京都),  190-1222 (東京都)
001-0040 (北海道),  093-0088 (北海道),  048-1511 (北海道)
 ハイフンは省くこともできます。
ソースコード (クリックで開きます)
    <head>
            :
        <script src="./../dist/p2as.js"></script>
        <!-- p2as.js ファイルを指定して下さい。パスは環境によって異なります -->
            :
    </head>
    <body>
            :
        <form>
            <p>郵便番号:<input type="text" data-p2as="postcode"> - <input type="text" data-p2as="postcode"></p>
            <!-- 郵便番号の入力フィールドに data-p2as="postcode" 属性を指定 (3桁部分 4桁部分も同じ) -->

            <p>都道府県:<input type="text" data-p2as="prefecture"></p>
            <!-- 都道府県を出力するフィールドに data-p2as="prefecture" 属性を指定 -->

            <p>市区町村:<input type="text" data-p2as="address" style="width: 420px;"></p>
            <!-- 市区町村を出力するフィールドに data-p2as="address" 属性を指定 -->

            <p><input type="reset" value="リセット"></p>
        </form>
            :
    </body>