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

HTMLDOM入力テキスト無効プロパティ

HTML DOM入力テキストdisabledプロパティは、テキストフィールドを無効にするかどうかを設定または返すために使用されます。ブール値を使用します。trueは要素を無効にする必要があり、それ以外の場合はfalseを表します。デフォルトでは、disabledプロパティはfalseに設定されています。無効になっている要素はデフォルトでグレー表示されており、クリックできません。

構文

以下は、-

の構文です。

無効なプロパティの設定-

textObject.disabled = true|false;

ここで、true =テキストフィールドは無効であり、false=テキストフィールドは無効ではありません。デフォルトではfalseです。

例

入力テキストが無効になっているプロパティの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h1>Input Text disabled Property</h1>
USERNAME: <input type="text" id="TEXT1" autofocus>
<p>Disable the above text field by clicking on the DISABLE button</p>
<button type="button" onclick="disableText()">DISABLE</button>
<p id="Sample"></p>
<script>
   function disableText() {
      document.getElementById("TEXT1").disabled=true;
      document.getElementById("Sample").innerHTML = "The text field is now disabled" ;
   }
</script>
</body>
</html>

出力

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

HTMLDOM入力テキスト無効プロパティ

DISABLEボタンをクリックすると、テキストフィールドが無効になります-

HTMLDOM入力テキスト無効プロパティ


  1. HTMLDOM入力テキストに必要なプロパティ

    HTML DOM入力テキストrequiredプロパティは、要素のrequired属性に関連付けられています。必須プロパティは、フォームがサーバーに送信される前にテキストフィールドに入力する必要があるかどうかを設定し、返すために使用されます。これにより、ユーザーが必須属性のテキストフィールドを空のままにした場合、フォームを送信できなくなります。 構文 以下は、-の構文です。 必要なプロパティの設定- textObject.required = true|false ここで、trueはテキストフィールドに入力する必要があることを表し、falseはフォームを送信する前にフィールドに入力するオプ

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

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