Chrome が一部のサイトのユーザー名とパスワードを保存しないのはなぜですか

Chrome が一部のサイトのユーザー名とパスワードを保存しないのはなぜですか

Chromeが認証情報の保存を勧めない内部サイトがいくつかあります。自動入力セクションにありますが、それでも使用されません。

この例は私の Unify Router 用です。わかりやすくするためにクラス属性を削除しました。以下の 2 つの要素を見ても、なぜ機能しないのかわかりません。何かアイデアはありますか?

<input name="username" meta="[object Object]" autocapitalize="off" autocorrect="off" 
autocomplete="username" required="" id="login-username" type="" value="">

<input name="password" meta="[object Object]" autocomplete="current-password" id="login-password" 
type="password" value="">

これは私のページからのものですが、実際に機能します

<input  type="text" name="username" placeholder="Username" id="username" autocomplete="username">

<input type="password" name="password" placeholder="Password" id="password" autocomplete="current-password">

質問

  • これらを機能させるにはどうしたらいいでしょうか?
  • わかりますタイプユーザー名が指定されていません。これが問題でしょうか?

答え1

パスワード マネージャーは、次の場合にフォームをより適切に検出します。

  • 要素<form>にはアクションとメソッド属性があります

  • 入力要素はID(forを使用)を介して、または1つのラベルで囲まれることによってラベルに関連付けられます。

  • 正しい入力タイプを使用します。ユーザー名/メールの場合:type="text"またはtype="email"。パスワードの場合: type="password"

  • オートコンプリート属性。ユーザー名の場合: autocomplete="username"、パスワードの場合:autocomplete="new-password"または autocomplete="current-password"

参照 : パスワードマネージャーをログインフォームに組み込む

関連情報