HTMLで入力テキストボックスを編集不可にする方法

場合によっては、ユーザーが入力テキストの内容を変更できないように、フォームのテキスト ボックスが読み取り専用であることを希望します。

変更されました場合によっては、ユーザーがその情報を変更できないように、フォームのテキスト ボックスが読み取り専用であることを望みます

たとえば、 が使用されています。" "中国" という単語は変更できません。実装方法をまとめると以下のようになります。

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

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

方法 2: readonly

私はこれを使用するのが好きです、これはコンテンツを防ぐことができます変更されないようにするため、

コピー バックグラウンドは、渡された値を受け入れ、他の入力データと一緒にデータベースに保存することもできます

<li class="l1"><span>项目名称</span><span>  </span></li>
<li class="l2"><input  name="entryName" id="entryName"
style="color: #444"  type="text" value="邢台县“群众办事不出村”政务服务平台扩建项目" readonly="true"></li>

方法 3: 無効化

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

完全な例:

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

disabled="true" この場合、テキストは灰色になり、編集できません。
Readonly= "true"テキストは色を変えず、編集可能ではありません
CSSシールド入力：

<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" />

は2つの方法です。 「disabled」は、使用可能でもクリック可能でもない、無効な入力要素を定義します。

2 番目: readonly="readonly" 読み取り専用フィールドは変更できません。ただし、ユーザーはタブ キーを使用してフィールドに切り替え、そのテキストを選択またはコピーできます

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