chromeの住所自動入力機能を利用する方法

Question

氏名、住所、電話番号、メールアドレスなどの個人情報を入力して登録するフォームを作成しています。

<div class="form_item">
    <div class="agendum">郵便番号</div>
    <div class="require">必須</div>
    <div class="input">
        <input type="text" placeholder="000-0000" />
    </div>
</div>
<div class="form_item">
    <div class="agendum">住所</div>
    <div class="require">必須</div>
    <div class="input">
        <input type="text" placeholder="東京都千代田区1-2-3" />
    </div>
</div>

chromeの住所管理機能を利用すれば、選択した住所データが自動的に入って便利なはずなので積極的に利用したいのですが、入力した項目がまともに利用されてくれません。
chromeの住所入力機能についてググっても、利用者側サイドの、編集・削除などの解説があるだけで、フォーム開発者側としての解説がみつかりません。

chromeがいったい何を基準に、「ここが住所入力エリアだ」のような判断を下しているのかを知りたいです。

Answer 1

HTML標準のautocomplete属性に従います。

たとえば、提示されたコードの1つ目の<input>にはautocomplete="postal-code" を付ければよいでしょう。2つ目の<input>は……autocomplete="street-address" でしょうか? 自信ありませんが。

HTML の autocomplete 属性

Comments

[zohnam]

回答ありがとうございました。
`autocomplete`属性をつけて、無事に動作するようになりました。

Answer 2

これかもしれません

Comments

[zohnam]

回答ありがとうございました。