Cara Mematikan Autocomplete

Reviewed by Sutiono S.Kom., M.Kom., M.T.I

by Hanifah Nurbaeti February 4, 2021

Di bawah ini kita akan mempelajari cara menonaktifkan autocomplete pada field inputan.

Matikan Autocomplete

Gunakan atribut autocomplete untuk menonaktifkan autocomplete untuk field inputan:

Contoh 1

<!DOCTYPE html>
<html>
<body>

<h2>Autocomplete on/off</h2>

<form action="/action_page.php">
  Nama Depan: <input type="text" name="fname" autocomplete="off"><br>
  Nama Belakang: <input type="text" name="lname" autocomplete="on"><br>
  <input type="submit">
</form>

<p> Isi dan kirim formulir, lalu muat ulang halaman untuk melihat cara kerja autocomplete. </p>
<p> Perhatikan bahwa autocomplete "aktif" untuk field nama belakang, tetapi "nonaktif" untuk field nama depan. </p>
  
</body>
</html>

Kita juga bisa menonaktifkan autocomplete untuk seluruh formulir:

Contoh 2

<!DOCTYPE html>
<html>
<body>

<h2>Autocomplete on/off</h2>

<p> Dalam contoh ini, kita akan menonaktifkan autocomplete untuk seluruh formulir.</p>

<form action="/action_page.php" autocomplete="off">
  Nama Depan : <input type="text" name="fname"><br>
  Nama Belakang : <input type="text" name="lname"><br>
  <input type="submit">
</form>

</body>
</html>