IE10 のパスワードクリアテキスト表示とクイッククリア機能を無効にする方法
|
IE10 では、<input> と <input type="password"> に対してそれぞれクイッククリア ボタン (X アイコン) とパスワード テキスト表示ボタン (小さな目のアイコン) が用意されています。 クイッククリアボタンは、すべて選択して削除するなどの一連の複雑なタッチ操作を置き換えることができ、パスワード表示ボタンはユーザーが入力内容を確認するのに役立ち、タッチタイピングの遅さとエラー率の高さの問題を補います。ただし、Web システムのセキュリティを考慮して、この機能、特にパスワードをプレーンテキストで表示する機能は無効にする必要があります。これは、ページ ビューと CSS スタイルを制御することで実現できます。 1. まず、Web ページの HTML ヘッダーに次のコードを追加して、IE ブラウザーが互換表示を使用しないようにします。 コードをコピー コードは次のとおりです。<meta http-equiv="X-UA-compatible" content="edge" /> 2. CSS 仮想要素 (::-ms-clear、::-ms-reveal) を使用して、X アイコンと目のアイコンを無効にします。具体的なコードは次のとおりです。 コードをコピー コードは次のとおりです。入力::-ms-clear{表示:なし;} 入力[type="password"]::-ms-reveal{display:none;} |
<<: HTMLベースの複数画像アップロードのプレビュー機能を実装
>>: MySQL タイムスタンプ比較クエリで遭遇する落とし穴と解決策
推薦する
VUE でタブページを切り替える 4 つの方法
目次1. 静的実装方法: 2. 第2のシミュレーション動的方法3. 3番目の動的データ方式4. 動的...
mysql 8.0.16 winx64 および Linux でルート ユーザーのパスワードを変更する方法
データベースへの接続などの基本的な操作はご自身で行ってください。この記事ではパスワードの変更方法を中...
ダウンロードにおすすめの氷と雪のフォント 33 種類 (個人用および商用)
01 ウィンターフレーク（個人のみ） 02 スノートップキャップ（業務用） 03 モディウス「フリ...
IE6のmin-widthとmin-heightと互換性を持たせる簡単な方法
ウェブサイトがワイドスクリーンの場合、ブラウザ ウィンドウを左右にドラッグすると、ウェブサイトの幅が...
Nginx リバースプロキシの例の詳細な説明
1. リバースプロキシの例1 1. 効果を達成する（1）ブラウザを開き、www.123.comと入力...
MySQL データ型 DECIMAL の使用方法の詳細な説明
MySQL DECIMALデータ型は、データベースに正確な数値を保存するために使用されます。会計シス...
1 行または複数行のテキストがオーバーフローしたときに省略記号を表示する CSS を実装する方法
1. 単一行オーバーフロー1. 1 行がオーバーフローした場合、超過部分は表示されます...または、...
CSS の画像パスの問題に関する議論 (同じパッケージ/異なるパッケージ)
CSS ファイルでは、背景を使用する、つまり背景画像を追加する必要がある場合があります。これは通常、...
Tomcat をアンインストールして再インストールする方法 (画像とテキスト付き)
tomcat9をアンインストールする1. Tomcatのインストールはディレクトリに解凍するだけで...
ChromeとIEに対応したWMPに埋め込まれたHTMLの詳細な紹介
実際には、対応する記述方法は多数ありますが、最も一般的なのは object + embedded で...
Docker のポート解放失敗の解決策
今日、非常に奇妙な状況に遭遇しました。docker イメージを更新した後、docker-compos...
この記事では、Vue 3.0 レスポンシブの使い方を説明します。
目次ユースケースリアクティブAPI関連プロセス反応的なcreateReactiveObjectはレス...
MySQLデータベースエンジンをInnoDBに変更する
PS: ここではPHPStudy2016を使用しています1. 変更中にMySQLを停止する2. my...
CSS でハニカム/六角形アトラスを実装するためのサンプルコード
理由は分かりませんが、UIではハニカム効果（手を広げたような効果）のデザインが好まれます。 1. 六...
構造とプレゼンテーションの分離を理解するためのWeb標準の学習
Web 標準について議論するときに必ず話題になるのは、構造とプレゼンテーションを分離することの重要性...