【解決方法】HTML で autocomplete={ on/off 以外の値 } を使用するのはなぜですか?

[ad_1]

名前属性フォームが完全に一致する場合にのみフォームが自動入力されることがわかったので、オン/オフ以外のオートコンプリートの値（名、姓、新しいパスワードなど）を使用する必要がある理由を誰か教えてください。同じ name 属性を持つ以前に保存された値 (たとえば、フォームに name=”fname” がある場合、オートコンプリートは、fname=”naresh” である以前に保存されたデータが含まれている場合にのみ機能し、naresh を提案します)、name 属性が存在しない場合も、id 属性は次のようにする必要があります。同じ。これは autocomplete=on の場合に発生し、autocomplete=other_value_excel_off の場合も同様に動作します。なぜこれらの値 (指定された名前など) を使用するのかを説明します。

私が試したこと：

input1.html と input2.html の 2 つのファイルを作成しました。オートコンプリートは、名前属性が同じ場合にのみ機能します。オートコンプリートの効果はありません – 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

解決策 1

HTML 属性: オートコンプリート – HTML: ハイパーテキストマークアップ言語 | MDN[^]:

"on"

ブラウザは入力を自動的に完了することができます。 フィールドで予想されるデータの種類についてはガイダンスが提供されていないため、ブラウザーが独自の判断を行う可能性があります。

「on」だけを使用した場合、ブラウザはフィールドでどのような種類のデータが期待されているかを推測する必要があります。

より具体的な値を使用すると、フィールドにどのような種類のデータがあるかをブラウザーに明示的に伝えることになるため、ブラウザーは推測する必要がなくなります。

[ad_2]