パスワード大文字プロンプトボックス_html/css_WEB-ITnose

本当に恥ずかしいです〜私はバリバリのプログラマーです。私は j2ee 開発について少ししか知りません。スタイルはかなり異なります。
ログインページでは大文字が必要になりました。
上の図のようになります。
下部に矢印の付いたボックス プロンプトが必要です。 (プロンプトボックスは下部にあり、矢印は上向きです。)
(数時間作業しましたが、役に立ちませんでした。CSS と JS の専門家を助けてください ~~~)

ディスカッションに返信（解決策）

誰もいません。 。 。
彼は単なる js+css 野郎です~~~

しかし、誰がこんなに遅くに CSDN を訪問するでしょうか? ? ?まあ、期待しすぎないほうがいいですよ~~

表示されているページのコードを書き留めるだけで、それがあなたに最適なものになります

表示されているページのコードを直接取得するだけで、これは weibo.com からのものです。ログイン ウィンドウのコードが表示されませんでした。
見栄えが良すぎる必要はありません。大文字が入力されていることを示す矢印が付いたプロンプト ボックスだけで十分です。

onfocusイベントでcapsLockキーのキーコードを取得する判定を行い、存在する場合はテキストボックスの前にdivを追加し、このdivに図のようなスタイルを与えます。この div の位置は絶対値に設定され、インデックスは高値に設定されます。スタイルは非常に簡単です。最悪の場合、画像全体を div 背景として使用できます。実際、5 階が言ったことは良いことです。矢印がある場合、CSS には画像を生成できるスタイルがありません。onBlur イベントを使用するか、クリックしたときにパスワード ボックスが大文字になるかどうかを判断できます。ボタン。