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 タイムスタンプ比較クエリで遭遇する落とし穴と解決策
推薦する
テーブルを使用してフォームコントロールの形式を調整し、見栄えを良くします。
自分でウェブページを書きたいので、HTML 言語についても少し勉強しています。これは、大学時代にウェ...
Dockerイメージを構築する2つの方法
目次既存のイメージからイメージを更新します。イメージを最初から構築する: Docker イメージ リ...
Windows に MySQL 8.0.16 をインストールする手順とエラーの解決方法
1. はじめに: mysql8以降は、これまでよく使われていたバージョンと比べてかなり変更点が大きい...
MySQLクエリは、フィールドが数値とカンマではないことを指定します。
コアSQL文数字を含まない MySQL クエリ ステートメント: SELECT * FROM tes...
Vueでミックスインを使用する方法
目次序文使い方要約する序文Vue にはコードの再利用に使われる mixins という設定項目がありま...
JS クロスドメイン ソリューション React 構成 リバース プロキシ
クロスドメインソリューションjsonp (get をシミュレート) CORS (クロスオリジンリソー...
CSS スタイルを HTML 外部スタイルシートにインポートする方法
リンクインスタイルとは、すべてのスタイルを 1 つ以上の外部スタイルシート ファイルに配置することで...
JS配列重複排除の詳細
目次1 テストケース2 JS配列重複排除4種類2.1 要素の比較2.1.1 二重層 for ループ比...
Vueの子コンポーネントが親コンポーネントのメソッドを呼び出す場合の詳細な説明
1. 子コンポーネントのthis.$parent.eventを通じて親コンポーネントメソッドを直接呼...
MySQL8 でパスワードを忘れた後にパスワードをリセットする方法 (MySQL の古い方法は機能しません)
コマンドライン mysqld –skip-grant-tables は mysql8 では正常に起動...
jsのディープコピーを理解しましょう
目次js ディープコピーデータ保存方法浅いコピー/深いコピーとは何か一般的なディープコピーの実装1....
JVMシリーズのメモリモデルの詳細な説明
目次1. メモリモデルとランタイムデータ領域2. マインドマップと凡例3. オブジェクトはJVMから...
ルート変更を監視するJavaScriptの詳細な説明
目次歴史pushState() メソッドpushState() の使用シナリオreplaceStat...
Echarts バー水平棒グラフのサンプルコード
目次横棒グラフデータとスタイルを動的に更新するeChartsの幅と高さの適応の問題を解決する縦棒グラ...
mysql5.7 でユーザーの初期パスワードを変更する方法
ユーザーが初めて MySQL データベースをインストールするとき、初期のルート パスワードを変更する...