HTMLテキストボックスを読み取り専用に設定する方法-htmlチュートリアル-php.cn

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

青灯夜游

リリース： 2022-04-01 19:59:54

オリジナル

9762 人が閲覧しました

HTML では、テキストボックス要素 (input または textarea) に readonly 属性を設定することで読み取り専用機能を実現できます。構文は "" または " ”。

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

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

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

input
textarea

テキストボックスを読み取り専用にしたい場合は、テキストボックス要素に 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テキストボックスを読み取り専用に設定する方法