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の使用方法の詳細な説明
推薦する
Vue.js スロットにおけるスコープ付きスロットの使用法の詳細な説明
目次スロットなしVue2.x スロットスロット付き名前付きスロットスロット属性なしスロットの簡単なサ...
MySQL 並列レプリケーションの簡単な分析
01 並列レプリケーションの概念MySQL のマスター スレーブ レプリケーション アーキテクチャで...
XHTML ブロックレベルタグの概要
* 住所 - 住所* blockquote - ブロック引用* center - 中央揃えブロック*...
Vue で変数式セレクターを実装する方法
目次HTML構造の定義入力タグのバインディング属性入力タグはキーダウンイベントをリッスンしますli ...
WeChatアプレットでラッキーホイールゲームを実装する方法
ここでは主に、WeChat アプレットでラッキーホイール ゲームを開発する方法を紹介します。主に J...
HTML+CSS+JavaScript でシンプルな三目並べゲームを作成する
目次HTMLの実装CSSを追加Javascript部分の実装デモアドレス HTMLの実装まず、hea...
MySQL全文インデックスを使用して検索エンジンのサンプルコードの簡易版を実現する
序文全文インデックスを使用できるのは Innodb と MyISAM ストレージ エンジンのみです ...
JavaScript はスローモーションアニメーションのカプセル化と使用法を説明します
プロセス分析の実装（１）繰り返して電話をかけるには？答え: 関数をカプセル化して一度だけ呼び出すコー...
MySQL レプリケーション メカニズムの原理の説明
背景レプリケーションはデータの完全なコピーです。レプリケーションが必要な理由として、まず思い浮かぶの...
HTML テーブルタグチュートリアル (17): テーブルタイトルの垂直配置属性 VALIGN
表のキャプションは表の上または下に配置でき、プロパティで調整できます。デフォルトのテーブル タイトル...
Dockerコンテナイメージからコードを復元する手順
コードが失われ、コンテナ内で実行されているイメージから必要なコードを回復する必要がある場合があります...
MySQL EXPLAIN出力列の詳細な説明
1. はじめにEXPLAIN ステートメントは、MySQL がステートメントを実行する方法に関する情...
乱数、文字列、日付、検証コード、UUIDを生成するMySQLメソッド
目次乱数を生成する0から1までの乱数を生成する指定された範囲内で乱数を生成します6桁のモバイル認証コ...
MySQL ジョイントテーブル更新データの詳細な例
1.MySQL UPDATE JOIN構文MySQL では、UPDATE ステートメントでJOIN句...
Kali Linux インストール VMware ツールのインストール プロセスと VM インストール vmtools ボタン グレー
Xiaobai は vmtools のインストールを記録します。 1. 意義と機能: VMWARE ...