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

黄舟
リリース: 2017-10-27 10:18:41
オリジナル
3057 人が閲覧しました

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

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

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

方法 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>
ログイン後にコピー
rree

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!