4

フォームにフィールド名を表示する UI を希望する顧客がいます (ユーザー名フィールドは「ユーザー名」、パスワード フィールドは「パスワード」など)。フォームはパスワード タイプ<input>(通常はドットを表示します) を使用するため、言葉遣いを含む div をフィールドに重ねて、フィールドにデータを入力するモックを作成する必要がありました。

自動入力を認識するために、フィールドが入力されているかどうかを確認し、それに応じて動作する (言葉遣いを非表示または表示する) Javascript を作成しました。

私の知る限り、動作がおかしくなるブラウザは Chrome だけです。自動入力データがあるかどうかは気にしないようで、言い回しは常に自動入力データをオーバーレイします (表向きはhide機能がトリガーされていないためです)。

私の長々とした質問は、Chrome がレンダリング プロセスでデータを自動入力するのはいつですか? Javascriptも終了するまで待ちますか?自動入力データが Chrome のフィールドを占有しているかどうかを確認する方法はありますか?

4

2 に答える 2

4

簡単な回避策はplaceholder、WebKit と Firefox でサポートされている HTML5 の属性を使用することです。追加の機能検出が必要になりますが、非 Chrome でモック オーバーレイを実装するだけで済みます。

HTML5 の説明に飛び込む

于 2010-12-09T04:18:12.607 に答える
1

フォームを含むモーダルをアクティブにするイベントにリスナーをアタッチすることにしました。言うまでもなく、これは私の特定の状況でのみ機能するソリューションです。私はこれを答えとは考えていませんが、解決策を探している他の人に回避策を提供するためにここに投稿しています。

于 2010-12-14T17:37:48.743 に答える