Browser dan pengelola kata sandi dapat mengisi kolom umum saat markup mengidentifikasi informasi yang diharapkan. token pelengkapan otomatis adalah petunjuk semantik, bukan teks placeholder.

<label for="email">Email</label>
<input id="email" name="email" type="email" autocomplete="email">

<label for="postal">Postal code</label>
<input id="postal" name="postal" autocomplete="postal-code">

Pilih token yang cocok dengan data

  • Gunakan nama, email, telp, alamat jalan, dan kode pos untuk nilainya yang sesuai.
  • Gunakan kata sandi saat ini dan kata sandi baru untuk membedakan proses masuk dengan pembuatan akun.
  • Pertahankan label yang terlihat dan atribut nama yang stabil; pelengkapan otomatis tidak menggantikan keduanya.

Jangan melawan browser

Hindari menonaktifkan isi otomatis untuk kontak biasa dan formulir masuk. Uji dengan navigasi keyboard dan pengelola kata sandi, dan periksa apakah setiap nilai yang disarankan ada di bidang yang benar.

Semantik formulir yang jelas mengurangi pengetikan dan kesalahan pengunjung. Mereka juga membuat alat otomatis lebih mampu memahami halaman, tanpa mengubah formulir menjadi umpan mesin pencari.