デザインコード紹介

Chapter5 お問い合わせフォーム

郵便番号から住所を自動入力

更新日：

郵便番号から住所を自動入力のUIデザイン画像

HTML

<form class="h-adr">
  <span class="p-country-name">Japan</span>
  〒<input type="text" class="p-postal-code" size="8" maxlength="8">
  都道府県: <input type="text" class="p-region">
  住所: <input type="text" class="p-locality p-street-address p-extended-address">
</form>

できるだけ誌面とコードの色を近づけるように調整しましたが、印刷物と画面表示との差異はどうしても発生してしまいます。サポートサイトでご確認いただける色が実際に表示されます。

デザイン目次へ