1. ホーム
  2. Web制作
  3. HTML/Xhtml

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>