HTML でフォーム入力などのテキスト ボックスを読み取り専用にして編集不可にする方法

場合によっては、フォーム内のテキスト ボックスを読み取り専用にして、ユーザーが入力テキストの内容や漢字を変更できないようにしたいことがあります。フォーム内のテキスト ボックスは読み取り専用になるため、ユーザーはその中の情報を変更できません。たとえば、 が使用されている場合、単語 "中国" は変更できません。実装方法をまとめると以下のようになります。

方法 1: onfocus=this.blur() マウスを置けないときにフォーカスを残す

<input type="text" name="input1" value="中国" onfocus=this.blur()>

方法 2: readonly

<input type="text" name="input1" value="中国" readonly> 
<input type="text" name="input1" value="中国" readonly="true">

方法 3: 無効にする

<input type="text" name="input1" value="中国" disabled="true">

完全な例:

<input name="ly_qq" type="text" tabindex="2" onMouseOver="this.className=&#39;input_1&#39;" onMouseOut="this.className=&#39;input_2&#39;" value="123456789" disabled="true"　readOnly="true" />

disabled = "true"

テキストが灰色になり、編集できません。 readOnly="true"
テキストの色は変更されず、編集できません CSS シールド入力:

まず 2 つの方法があります:disabled= 「disabled」は、使用可能でもクリック可能でもない、無効な入力要素を定義します。 2 番目: readonly="readonly" 読み取り専用フィールドは変更できません。ただし、ユーザーは引き続き Tab キーを使用してフィールドに切り替え、そのテキストを選択またはコピーすることができます


関連する推奨事項:

HTML5 ビデオ/オーディオを使用してローカル ファイルを再生する

以上がHTML でフォーム入力などのテキスト ボックスを読み取り専用にして編集不可にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。