Cara Menonaktifkan Autocomplete di Form HTML5
Autocomplete merupakan fitur yang ada di browser web yang membantu pengguna dengan mengingat dan mengisi otomatis formulir yang pernah diisi sebelumnya. Meskipun fitur ini sangat berguna, terkadang kita ingin menonaktifkannya, misalnya ketika membuat formulir login atau formulir yang berisi informasi sensitif.
Berikut beberapa cara untuk menonaktifkan autocomplete di form HTML5:
1. Menggunakan Atribut autocomplete="off"
Cara termudah untuk menonaktifkan autocomplete adalah dengan menggunakan atribut autocomplete="off" pada tag <form> atau pada tag input yang ingin dinonaktifkan. Contohnya:
2. Menggunakan Atribut autocomplete="new-password"
Jika Anda ingin menonaktifkan autocomplete hanya pada input password, gunakan atribut autocomplete="new-password" pada tag <input>. Atribut ini akan memastikan bahwa browser tidak akan mengingat password yang diinputkan.
3. Menggunakan Atribut autocomplete="new-password" pada Tag Form
Anda juga bisa menggunakan atribut autocomplete="new-password" pada tag <form> untuk menonaktifkan autocomplete pada semua input password yang ada di form.
4. Menggunakan Javascript
Anda juga dapat menggunakan Javascript untuk menonaktifkan autocomplete dengan mengubah nilai atribut autocomplete secara dinamis. Contohnya:
const form = document.querySelector('form');
form.setAttribute('autocomplete', 'off');
5. Memanfaatkan CSS
Jika Anda ingin menyembunyikan saran autocomplete dari browser, Anda bisa menggunakan CSS untuk menyembunyikan elemen yang bertanggung jawab untuk menampilkan saran.
.autocomplete-suggestions {
display: none;
}
Catatan:
- Meskipun menggunakan atribut
autocomplete="off"dapat mencegah browser menyimpan data yang diinputkan, namun beberapa browser tetap dapat menyimpan data tersebut di cache. - Untuk menonaktifkan autocomplete secara sepenuhnya, Anda perlu menggunakan kombinasi metode di atas.
- Gunakan metode yang paling sesuai dengan kebutuhan Anda.
Semoga artikel ini membantu Anda dalam menonaktifkan autocomplete di form HTML5.