投稿日:2020/02/26
更新日:2020/03/02
手順
1.yubinbango.jsを読み込ませる
header.phpかフォームに追記<script src="https://yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
2.フォームに追記
- inquiryクラス内に追加
<span class="p-country-name" style="display:none;">Japan</span>
- 下記の例のように住所欄フォームごとにh-adrのクラスで囲む
<div class="h-adr">
<span class="ct-two">郵便番号</span> [text* postal_code class:p-postal-code]<br>
<span class="ct-two">都道府県</span> [text* plan_prefectures class:p-region]<br>
<span class="ct-two">市区町村以降</span> [text* plan_municipality class:ct-full3 class:p-locality class:p-street-address class:p-extended-address]
</div>
3.確認
うまくいかなければ1のソースも2の中に含めてみてください。参考
https://www.impressed.jp/planlist/709https://qiita.com/KitamuraTakashi/items/28fc577dd744e28ea069