HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLDOM入力テキストのreadOnlyプロパティ

HTML DOM入力テキストreadOnlyプロパティは、入力テキストフィールドが読み取り専用かどうかを設定または返すために使用されます。 readOnlyプロパティを使用すると、要素は編集できなくなりますが、タブまたはクリックでフォーカスを合わせることができます。読み取り専用要素内にデフォルト値がある場合、送信時にサーバーに送信されます。

構文

以下は、-

の構文です。

readOnlyプロパティの設定-

textObject.readOnly = true|false

ここで、trueはテキストフィールドが読み取り専用であることを表し、falseはそれ以外のことを表します。 readOnlyプロパティはデフォルトでfalseに設定されています。

例

入力テキストのreadOnlyプロパティの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h1>Input Text readOnly property</h1>
USERNAME: <input type="text" id="USR" >
<p>Change the readOnly property of the above field by clicking the below button</p>
<button onclick="changeRead()">CHANGE</button>
<script>
   function changeRead() {
      document.getElementById("USR").readOnly = true;
   }
</script>
</body>
</html>

出力

これにより、次の出力が生成されます-

HTMLDOM入力テキストのreadOnlyプロパティ

[変更]ボタンをクリックすると、テキストを変更できなくなり、送信時にサーバーに送信されます-

HTMLDOM入力テキストのreadOnlyプロパティ


  1. HTMLDOM入力テキストmaxLengthプロパティ

    HTML DOM入力テキストmaxLengthプロパティは、入力テキストフィールドのmaxlength属性を設定または返すために使用されます。 maxLengthプロパティは、テキストフィールドに入力できる最大文字数を指定します。 構文 以下は、-の構文です。 maxLengthプロパティの設定- textObject.maxLength = integer ここで、integerは、テキストフィールドに入力できる最大文字数を指定します。 例 maxLengthプロパティの例を見てみましょう- <!DOCTYPE html> <html> <body>

  2. HTMLDOM入力テキストフォームプロパティ

    HTML DOM入力テキストフォームプロパティは、入力テキストフィールドを含むフォーム参照を返すために使用されます。入力テキストフィールドがフォームの外にある場合は、単にNULLを返します。このプロパティは読み取り専用です。 構文 以下は、入力テキストフォームプロパティの構文です。 textObject.form 例 入力テキストフォームプロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Input Text form Property</h1> <form id="