あちゃまWEB >

郵便番号による住所自動入力

① < form > タグに class=”h-adr” を追加

<form class=”h-adr” method=”POST” action=”{{ route(‘register’) }}”>

② JSを取り込み

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

③日本を設定

<span class=”p-country-name” style=”display:none;”>Japan</span>

④入力フォーム

<div class=”h-adr”>・・・①  <script src=”https://yubinbango.github.io/yubinbango/yubinbango.js” charset=”UTF-8″></script>・・・② <span class=”p-country-name” style=”display:none;”>Japan</span>  &〒<input type=”text” class=”p-postal-code” size=”3″ maxlength=”3″>  &emsp;-<input type=”text” class=”p-postal-code” size=”4″ maxlength=”4″><br>  <label>   <span>都道府県</span><input type=”text” class=”p-region” readonly /><br>  </label>  <label>   <span>市町村区</span><input type=”text” class=”p-locality” readonly /><br>  </label>  <label>   <span>町域</span><input type=”text” class=”p-street-address” /><br>  </label>  <label>   <span>以降の住所</span><input type=”text” class=”p-extended-address” />  </label>  </div>


郵便番号:
県:

市町村:

地区:

その他:

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

WordPress情報


WEB開発


その他