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"
。