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 タイムスタンプ比較クエリで遭遇する落とし穴と解決策
推薦する
MySQL を使用してポート 3306 を開いたり変更したり、Ubuntu/Linux 環境でアクセス許可を開く
オペレーティングシステム: Ubuntu 17.04 64ビットMySQL バージョン: MySQL...
LINUX でポートが占有されているかどうかを確認する方法
ポートが占有されているかどうかは、これまで一度もわかりませんでした。多くの人に尋ねて、ようやくわかり...
Vue プロジェクトにインターフェース リスニング マスクを追加する方法
1. 事業背景マスク レイヤーを使用してユーザーの異常な操作を遮断する方法は、フロントエンドでよく使...
mysql8.0.19 の基本データ型の詳細な説明
MySQL 基本データ型一般的な MySQL データ型の概要 ![1036857-201708011...
JConsoler を使って Tomcat の JVM メモリを監視する方法を説明します
目次1. Tomcatを監視する方法2. Java独自の監視コマンド3. Tomcatのトラブルシュ...
完全なショッピングカートを実装するためのミニプログラム
ミニプログラムは、参考までに完全なショッピングカート[すべて選択/選択解除して金額を計算/加算と減算...
MysqlチューニングExplainツールの詳細な説明と実践的な演習（推奨）
MySQL チューニング ツールの詳細な説明と実践的な演習の説明 ツールの紹介の説明 分析例の説明...
VirtualBox に CentOS、JDK、Hadoop をインストールする詳細なチュートリアル
目次1. 前提条件1.1 サポートされているプラットフォーム1.2 jdk および hadoop...
MySQLへのJava接続の基礎となるカプセル化の詳細な説明
この記事では、Java接続MySQLの基礎となるカプセル化コードを参考までに紹介します。具体的な内容...
Tudou.com フロントエンドの概要
1. 分業とプロセス<br />Tudou.comでは、プロジェクト開発が中核であり、誰...
Robots.txtの詳細な紹介
robots.txt の基本的な紹介Robots.txt はプレーンテキスト ファイルであり、Web...
MYSQL ローカルインストールと問題解決
序文この記事はかなり詳細で、少し面倒です。他のチュートリアル ドキュメントでは多くの手順が省略されて...
ファイルアップロードスタイルの詳細を実装するjs
目次1. 概要2. オブジェクト作成のパラメータ3. 監視例4. 使用方法5. ソースコード1. 概...
Flinkのフォールトトレラントメカニズムに関する簡単な説明：ジョブ実行とデーモン
目次1. ジョブ実行のフォールトトレランス1.1 タスクフェイルオーバー戦略1.2 ジョブ再開戦略2...
WeChat アプレット wxss で外部 CSS ファイルとアイコンフォントを参照する方法
原因外部ファイルをミニプログラムにインポートする方法は次のとおりです: @import "...