ホームページ > ウェブフロントエンド > フロントエンドQ&A > JavaScriptでテキストボックスを読み取り専用に設定する方法

JavaScriptでテキストボックスを読み取り専用に設定する方法

藏色散人
リリース: 2022-01-18 15:05:43
オリジナル
4761 人が閲覧しました

JavaScript でテキスト ボックスを読み取り専用に設定する方法: 1. "onfocus=this.blur()" で設定; 2. "readonly" で設定; 3. テキスト ボックスを読み取り専用に設定します。 "無効"。

JavaScriptでテキストボックスを読み取り専用に設定する方法

この記事の動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript でテキスト ボックスを読み取り専用に設定するにはどうすればよいですか?

javascript: フォームのテキスト ボックスを読み取り専用で編集不可能にする方法

フォーム内のテキスト ボックスを読み取れるようにしたい場合があります。 -only なので、ユーザーは情報を変更できません。たとえば、 の内容で、「中国」という単語は変更できません。実装方法をまとめると以下のようになります。

方法 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:

disabled

<input type="text" name="input1" value="中国" disabled>
ログイン後にコピー

推奨学習:「js Basic Tutorial

以上がJavaScriptでテキストボックスを読み取り専用に設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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