」または「

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

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

HTML には、2 種類のテキスト ボックス要素があります:

テキスト ボックスを読み取り専用にしたい場合は、テキスト ボックス要素に readonly 属性を設定するだけです。

読み取り専用プロパティはブール型プロパティです。

readonly 属性は、テキスト領域が読み取り専用であることを指定します。

読み取り専用テキスト領域では、コンテンツを変更できませんが、ユーザーはタブ キーを使用してコントロールに切り替え、コンテンツを選択またはコピーできます。

readonly 属性を設定すると、特定の条件が満たされるまで (チェック ボックスの選択など)、ユーザーによるテキスト領域の使用を再開できます。その後、JavaScript を使用して readonly 属性の値を削除し、テキスト領域を編集可能にすることができます。

#例: 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
  	<input type="text" value="测试文本"/><br>
  	<input type="text" value="测试文本" readonly="readonly"/>
  	<hr>
  	<textarea>测试文本</textarea><br>
  	<textarea readonly>测试文本</textarea>
  </body>
</html>

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

HTMLテキストボックスを読み取り専用に設定する方法##推奨チュートリアル: 「

html ビデオ チュートリアル

》

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

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

関連記事

続きを見る