webサイト制作の勉強|2023年11月クラス用ブログ

ファリカテクニカルアカデミーのwebサイト制作科の授業解説ブログです。フェリカテクニカルアカデミーは池袋にある求職者支援訓練の学校です。

郵便番号を入れると自動で住所が入る「yubinbango.js」

郵便番号を入れると自動的に住所が入るプラグインです。
使い方は非常に簡単で、基本的にはformのパーツにclassを付与するだけです。

1、まずformタグに指定されたclassを指定します。

 <form class="h-adr">

2、つぎにform中に、国名(p-country-name) をJapan に指定します

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


3、郵便番号入力欄のclass指定の中に class「p-postal-code 」を指定する

<input type="text" class="p-postal-code"  maxlength="8">

4、住所欄のclass指定の中に、都道府県名(p-region)、市町村区(p-locality)、町域(p-street-address)、以降の住所(p-extended-address) をそれぞれしていする

 <input type="text" class="p-region p-locality p-street-address p-extended-address" >


丁目、以降は自身で入力してもらいます。


github.com