HTML でフォーム入力などのテキストボックスを読み取り専用にして編集不可にする方法-htmlチュートリアル-php.cn

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

不言

リリース： 2018-06-05 11:10:08

オリジナル

2085 人が閲覧しました

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

方法 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 サイトの他の関連記事を参照してください。