最新のブラウザでは、名前、住所、メールアドレス、電話番号、クレジットカード情報を自動入力できます。ただし、適切なHTML属性を使用した場合のみです。

現在、ほとんどのブラウザには、ユーザーが以前のフォームに入力した情報を使用してフォームを自動入力するオプションがあります。Adobeのフォームデザイン調査によると、ブラウザに保存されている情報を使用してフォームを自動入力できるようにすることで、このプロセスの煩わしさを軽減できます。

適切なオートコンプリート属性を使用します。

< input type = “text” name= “name” autocomplete= “name” >
< input type = “email” name= “email” autocomplete= “email” >
< input type = “tel” name= “phone” autocomplete= “tel” >
< input type = “text” name= “address” autocomplete= “street-address” >
< input type = “text” name= “city” autocomplete= “address-level2” >

これにより、ユーザーはすべてを手動で入力するのではなく、3 回のクリックでフォーム全体を入力できるようになります。