HTMLテキストボックス(テキスト)は、読み取り専用を実現するために複数の方法で利用できません

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の使用方法の詳細な説明

>>:  CSSを使用して特別なロゴやグラフィックを実装する

推薦する

ウェブデザインの教育または学習プログラム

セクションコース内容営業時間1 ウェブデザインの概要2 2 HTML 基本タグとフォーマットタグ 2...

MySQL データ操作 - DML ステートメントの使用

例示するDML(データ操作言語)とは、データベースの追加、削除、変更を行うための操作命令のことです。...

jQueryチェーン呼び出しの詳細な説明

目次チェーン呼び出し小さなケースチェーン呼び出しjQuery オブジェクトが任意のメソッド (ノード...

MySQL の sql_mode モード例の詳細な説明

この記事では、MySQL の sql_mode モードについて例を挙げて説明します。ご参考までに、詳...

Linux で crond ツールを使用してスケジュールされたタスクを作成する方法

序文Crond は Linux のスケジュール実行ツール (Windows のスケジュールされたタス...

XHTML Web ページ チュートリアル

<br />この記事は主に、初心者にXHTMLの基本知識と、XHTMLとHTMLの違いを...

dockerログマウントの問題を解決する

重要なのは、ローカルサーバーに書き込み権限がないことですキーはここにあります(アクセス拒否)。私は肯...

CSS でベジェ曲線の実装を反転する方法

まずは、以前書いた CSS カルーセルアニメーション効果を見てみましょう。アニメーションの遷移をスム...

Reactは一般的なスケルトン画面コンポーネントの例を実装します

目次スケルトンスクリーンとは何ですか?デモデザインのアイデア具体的な実装スケルトンスクリーンとは何で...

JavaScript における call、apply、bind の実装原則の詳細な説明

目次序文電話使用法成し遂げるシンプルな実装バージョン:アップグレード版:適用する使用法成し遂げるバイ...

HTML割引価格計算の実装原理とスクリプトコード

コードをコピーコードは次のとおりです。 <!DOCTYPE HTML PUBLIC "...

TypeScript 2.0 マーク付き共用体型の詳細な説明

目次タグ付きユニオン型を使用した支払い方法の構築タグ付きユニオン型を使用した Redux アクション...

jsを呼び出すいくつかの方法が整理され、使用が推奨されています

a タグではクリック イベントがよく使用されます。 1. href="javascript...

プロセスごとにネットワーク帯域幅を監視する Linux ツール Nethogs のインストールと展開

概要Linux 用のオープン ソース ネットワーク監視ツールは数多くあります。たとえば、帯域幅の使用...