htmlのテキストボックス(テキスト)は、様々なメソッドの読み取り専用の実装を使用できません。
2022-01-13 14:38:44
方法1: <input id= "File1" type= "text" 無効/> 使用不可
方法2: <input id= "File1" type= "text" readonly/> read-only
方法3: <input id= "File1" type= "text" style="display:none"/> 非表示(ただし場所を取る)にする。
方法4: <input id= "File1" type= "text" style="visibility:hidden"/> 非表示(ただし、位置を占めない)にする。
フォームのテキストボックスを読み取り専用にして、ユーザーが中の情報を変更できないようにしたい場合があります。例えば、<input type="text" name="input1" value="China"> の内容を "China" 2語にして変更できないようにしたい場合です。実装をまとめると、以下のようになります。
方法1:onfocus=this.blur()
<input type="text" name="input1" value="China" onfocus=this.blur()>
方法2:読み取り専用
<input type="text" name="input1" value="China" readonly>
<input type="text" name="input1" value="China" readonly="true">
方法3:無効化
<input type="text" name="input1" value="China" disabled>
方法2: <input id= "File1" type= "text" readonly/> read-only
方法3: <input id= "File1" type= "text" style="display:none"/> 非表示(ただし場所を取る)にする。
方法4: <input id= "File1" type= "text" style="visibility:hidden"/> 非表示(ただし、位置を占めない)にする。
フォームのテキストボックスを読み取り専用にして、ユーザーが中の情報を変更できないようにしたい場合があります。例えば、<input type="text" name="input1" value="China"> の内容を "China" 2語にして変更できないようにしたい場合です。実装をまとめると、以下のようになります。
方法1:onfocus=this.blur()
コピーコード
コードは以下の通りです。
<input type="text" name="input1" value="China" onfocus=this.blur()>
方法2:読み取り専用
コピーコード
コードは以下の通りです。
<input type="text" name="input1" value="China" readonly>
<input type="text" name="input1" value="China" readonly="true">
方法3:無効化
コピーコード
コードは以下の通りです。
<input type="text" name="input1" value="China" disabled>
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン