ホームページ > ウェブフロントエンド > htmlチュートリアル > パスワード大文字プロンプトボックス_html/css_WEB-ITnose

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

WBOY
リリース: 2016-06-21 09:39:14
オリジナル
1556 人が閲覧しました


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

ディスカッションに返信(解決策)

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

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

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

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

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート