Mengapa kami menggunakan autocomplete={ value selain on/off } dalam HTML?

Adakah yang bisa memberi tahu saya mengapa kita perlu menggunakan nilai pelengkapan otomatis selain aktif/nonaktif (seperti nama yang diberikan, nama keluarga, kata sandi baru, dll.) karena saya menemukan bahwa formulir akan diisi otomatis hanya ketika formulir atribut nama sama persis nilai yang disimpan sebelumnya memiliki atribut nama yang sama (misalnya jika formulir saya memiliki nama = “fname” maka pelengkapan otomatis hanya berfungsi ketika berisi data yang disimpan sebelumnya di mana fname = “naresh” dan itu akan menyarankan naresh) juga jika atribut nama tidak ada atribut id seharusnya sama. ini akan terjadi ketika pelengkapan otomatis=aktif dan berfungsi sama jika pelengkapan otomatis=nilai_lainnya_kecuali_off lalu mengapa kami menggunakan nilai-nilai ini (nama yang diberikan, dll.).

Apa yang saya coba:

Saya telah membuat dua file input1.html dan input2.html. pelengkapan otomatis hanya berfungsi jika atribut nama sama, tidak ada efek pelengkapan otomatis – input1.html:

HTML

DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <form>
    <label for="firstname">first name: </label><input type="text" id="firstname" name="fname" autocomplete="given-name">
    <br>
    <label for="lastname">last name: </label><input type="text" id="lastname" name="lname" autocomplete="family-name">
    <input type="submit">
  </form>
</body>

</html>
input2.html:

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <form>
    <label for="firstname">first name: </label><input type="text" id="firstname" name="firstname"
      autocomplete="given-name">
    <br>
    <label for="lastname">last name: </label><input type="text" id="lastname" name="lastname"
      autocomplete="family-name">
    <input type="submit">
  </form>
</body>

</html>

here if i filled form in input1.html and then open input2.html - no suggetions but if i changed name of input2.html to fname and lname then i will suggestions. what is the role of autocomplete here. i better use autocomplete=on then why we need other values i am using this in google chrome

Solusi 1

Atribut HTML: pelengkapan otomatis – HTML: HyperText Markup Language | MDN[^]:

"on"

Browser diizinkan untuk menyelesaikan input secara otomatis. Tidak ada panduan yang diberikan mengenai jenis data yang diharapkan di lapangan, sehingga browser dapat menggunakan penilaiannya sendiri.

Jika Anda hanya menggunakan “on”, maka browser harus menebak jenis data apa yang Anda harapkan di lapangan.

Jika Anda menggunakan nilai yang lebih spesifik, maka Anda secara eksplisit memberi tahu browser jenis data apa yang ada di kolom tersebut, sehingga browser tidak perlu menebak-nebak.