私は現在、ウェブサイトにログインフォームを書いています。フォームはコンパクトである必要があり、ラベルは電子メールおよびパスワード フィールド内のプレースホルダー/透かしとして配置する必要があります。
HTML5 では placeholder 属性が導入されていますが、十分にサポートされていません。したがって、プレースホルダー機能をネイティブにサポートしていないブラウザーにプレースホルダー機能を追加する jQuery プラグインをいくつか調べました。
しかし... ブラウザに保存されたパスワードで実際に機能するものはありません。
この問題は通常、ユーザーが 2 つ以上のログイン/パスワードを保存した場合に発生します。次に、ログインの 1 つを選択すると、次のいずれかが発生します。
1) パスワードはプレースホルダーの後ろに挿入され、プレースホルダーは引き続き表示されます。ユーザーは、パスワードが入力されていないと思うかもしれません。
2) パスワードはプレースホルダーの後ろに挿入され、パスワードのドットとプレースホルダーが重ねて表示されます。紛らわしく醜い。
3) パスワードはプレースホルダーにクリア テキストとして挿入され、クリア テキストとして編集可能です (yargh!)
私が見る限り、問題の原因は、ブラウザが保存されたログインを挿入するときにイベントがトリガーされないことです。
ユーザーが複数のログイン情報を保存しても壊れない気の利いた Javascript を知っている人はいますか?
それとも、誰もこの問題を解決していないというのは本当でしょうか? （可能性は非常に低い）
ありがとう。