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の使用方法の詳細な説明
推薦する
QQtabBar による CSS 命名仕様 BEM の詳細な紹介
QQtabBar の BEMまず、BEMとはどういう意味でしょうか? BEM は、ブロック、要素、修...
時系列転位修復ケースを実装するSQL
目次1. 要件の説明2. アイデアの概要1. 延長を要求する2. アイデアの概要3. SQLコード1...
Vueは画像のドラッグアンドドロップ機能を実装します
この記事の例では、画像のドラッグアンドドロップ機能を実現するためのVueの具体的なコードを参考までに...
MySQLカバーインデックスの詳しい説明
コンセプトインデックスにクエリ要件を満たすすべてのデータが含まれている場合、それはカバーリング イン...
HTML チュートリアル: 定義リスト
<br />原文: http://andymao.com/andy/post/104.h...
Dockerfile を使用して Docker イメージをカスタマイズする方法
Dockerfile を使用したイメージのカスタマイズイメージのカスタマイズとは、実際には各レイヤー...
Mysql5.7 で JSON 操作関数を使用する手順
序文JSON は、言語に依存しないテキスト形式を使用する軽量のデータ交換形式で、XML に似ています...
MySQL 並列レプリケーションの簡単な分析
01 並列レプリケーションの概念MySQL のマスター スレーブ レプリケーション アーキテクチャで...
MySqlのインストールとアンインストールに関する詳細なチュートリアル
この記事では、MySqlのインストールとアンインストールのチュートリアルを参考までに紹介します。具体...
Linux の crontab タスク スケジューリングの簡単な分析
1. スケジュールタスクを作成する命令crontab -eは現在のユーザーの編集インターフェースに入...
jsはシンプルなショッピングカートモジュールを実装します
この記事の例では、参考までに、シンプルなショッピングカートモジュールを実装するためのjsの具体的なコ...
js で下線とキャメルケースの変換を実装する (複数の方法)
目次適用シナリオ:方法 1: 正規表現 (推奨)方法2: 配列のreduceメソッドを使用する方法3...
JavaScript ES6 モジュールの詳細な説明
目次0. モジュールとは何か1.モジュールの読み込み1.1 方法1 1.2 方法2 2. 輸出と輸入...
Ubuntu 18.04.4 に MySQL をインストールするプロセスの詳細な説明
Ubuntu 18.04.4 に MySQL をインストールするプロセスを見てみましょう。内容は次の...
MySQL 5.7.10 winx64 のインストールと設定方法のグラフィック チュートリアル (win10)
MySQL は比較的使いやすいリレーショナル データベースです。今日は、win10 システムを再イ...