【フォーム】郵便番号から住所を自動入力

YubinBangoライブラリ

https://github.com/yubinbango/yubinbango

記述

これを入れるのを忘れないように↓↓↓

<div class="form h-adr">
	<div class="p-country-name" style="display:none;">Japan</div>
</div>

デモ

サンプル01

サンプル02

サンプル03

WordPress

WordPress + MW WP Form の場合、都道府県をセレクトにした場合 value の数字が自動返信メールで送信されてしまう。

これだと問題あり…

        <dt><div class="form__label">住所</div></dt>
        <dd>
            <div class="form__field">
                <label>郵便番号</label>
                [mwform_zip name="郵便番号" class="p-postal-code"]
            </div>
            <div class="form__field">
                <label for="prefectures">都道府県<span class="form__required">必須</span></label>
                <div class="form__select-wrapper">[mwform_select name="都道府県" id="prefectures" class="p-region-id" children=":選択してください,1:北海道,2:青森県,3:岩手県,4:宮城県,5:秋田県,6:山形県,7:福島県,8:茨城県,9:栃木県,10:群馬県,11:埼玉県,12:千葉県,13:東京都,14:神奈川県,15:新潟県,16:富山県,17:石川県,18:福井県,19:山梨県,20:長野県,21:岐阜県,22:静岡県,23:愛知県,24:三重県,25:滋賀県,26:京都府,27:大阪府,28:兵庫県,29:奈良県,30:和歌山県,31:鳥取県,32:島根県,33:岡山県,34:広島県,35:山口県,36:徳島県,37:香川県,38:愛媛県,39:高知県,40:福岡県,41:佐賀県,42:長崎県,43:熊本県,44:大分県,45:宮崎県,46:鹿児島県,47:沖縄県,海外" post_raw="true"]</div>
            </div>
            <div class="form__field">
                <label for="address">住所</label>
                [mwform_text id="address" class="p-locality p-street-address p-extended-address" name="住所" size="60"]
            </div>
        </dd>