ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLでフォーム入力などのテキストボックスを読み取り専用にして編集不可にする方法の紹介。

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

高洛峰
高洛峰オリジナル
2017-03-10 13:15:342504ブラウズ

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

場合によっては、フォーム内のテキスト ボックスを読み取り専用にして、ユーザーがその中の情報を変更できないようにしたいことがあります。入力テキストの内容を作成するため、単語「中国語」は変更できません。
方法 1: onfocus=this.blur() マウスを置けないときにフォーカスを離れる

方法 2: readonly


方法 3: 無効化


完全な例:



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

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。