HTMLテキストボックス（テキスト）は、読み取り専用を実現するために複数の方法で利用できません
|
方法 1: <input id= "File1" type= "text" disabled/> 使用不可 方法 2: <input id= "File1" type= "text" readonly/> 読み取り専用 方法 3: <input id= "File1" type= "text" style="display:none"/> 非表示 (ただし、スペースを占有します) 方法 4: <input id="File1" type="text" style="visibility:hidden"/> 非表示 (スペースを占有しない) 場合によっては、フォーム内のテキスト ボックスを読み取り専用にして、ユーザーがその中の情報を変更できないようにする必要があります。たとえば、<input type="text" name="input1" value="中国"> のコンテンツでは、「中国」という単語を変更できません。要約すると、それを実装する方法はいくつかあります。 方法 1: onfocus=this.blur() コードをコピー コードは次のとおりです。<input type="text" name="input1" value="中国" onfocus=this.blur()> 方法2: 読み取り専用 コードをコピー コードは次のとおりです。<input type="text" name="input1" value="中国" 読み取り専用> <input type="text" name="input1" value="中国" readonly="true"> 方法3: 無効 コードをコピー コードは次のとおりです。<input type="text" name="input1" value="中国" 無効> |
<<: キャンバスでPS消しゴムスクラッチカードの効果を実現するためのJSの使用方法の詳細な説明
推薦する
MySQL 8.0.17 のインストールと使用方法のチュートリアル図
前面に書かれた過去および現在のプロジェクトで最も一般的に使用されているリレーショナル データベースは...
Keepalived を使用して Nginx の自動再起動とデュアルアクティブ ホットスタンバイの高可用性を実現する方法について
目次1. 概要2. Keepalivedを使用してNginxを自動的に再起動する2.1 シェルスクリ...
MySQL フラッシュバック ツール binlog2sql の詳細なインストールと設定のチュートリアル
概要binlog2sql は、Python で開発されたオープンソースの MySQL Binlog ...
HTMLはテキスト行のインターセプトの実装原理とコードを超えています
複数行を超えるテキストをインターセプトするための HTML コードは次のとおりです。 HTML:コー...
KVM 仮想マシンのオンライン ホット マイグレーションを実装する方法 (画像とテキスト)
1. KVM仮想マシンの移行方法と注意すべき点KVM 仮想マシンを移行する方法は 2 つあります。...
MySQL 8.0 ウィンドウ関数の紹介と概要
序文MySQL 8.0 より前は、Oracle、SQL SERVER、PostgreSQL などの他...
JavaScript が Xiaomi のカルーセル効果を模倣
この記事は、透明度を変えてカルーセルにするXiaomiカルーセルを真似て書いたものです。初心者なので...
CSS でマウスの位置をマッピングし、マウスを動かしてページ要素を制御する (サンプル コード)
マウスの位置をマッピングしたり、ドラッグ効果を実装したりすることは、 JavaScriptで行うこと...
MySQLインデックスベースのストレステストの実装
1. データベースデータをシミュレートする1-1 データベースとテーブルスクリプトを作成する - v...
mysql 複数テーブル接続削除関数の削除
単一のテーブルを削除する: tableName から columnName = value を削除し...
Nginx+Apache の動的および静的分離の導入の詳細な例
Nginx の動的および静的分離の概要Nginx は静的処理能力が強力ですが、動的処理能力が不十分で...
MySQL 全文あいまい検索 MATCH AGAINST メソッドの例
MySQL 4.x 以降では、全文検索 MATCH ... AGAINST モード (大文字と小文字...
さまざまな解像度やブラウザでウェブページを適切に表示する方法
キーコードは次のとおりです。コードをコピーコードは次のとおりです。 html{高さ:100%; }コ...
jar パッケージを Docker コンテナに変換する方法
jar パッケージを Docker コンテナに変換する方法1.まずJavaイメージをダウンロードする...
Dockerを使用してGitlabを素早くデプロイする方法
1. GitLabイメージをダウンロードする docker pull gitlab/gitlab-c...