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

HTMLDOM入力テキストdefaultValueプロパティ


HTML DOM入力テキストdefaultValueプロパティは、テキストフィールドのdefaultValueを設定または取得するために使用されます。要素のdefaultValueは、value属性に割り当てられた値です。 valueプロパティとdefaultValueプロパティの違いは、後者は指定された元のデフォルト値を保持し、valueプロパティ値は入力フィールドへのユーザー入力に基づいて変更されることです。

構文

以下は、defaultValueプロパティを設定するための構文です-

textObject.defaultValue = value

ここで、「value」はテキストフィールドのデフォルト値です。

TextdefaultValueプロパティの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h1>Input Text defaultValue Property</h1>
USERNAME: <input type="text" id="TEXT1" value="RON_1" autofocus>
<p>Change the above text field default value by clicking on the CHANGE button</p>
<button type="button" onclick="changeDefault()">CHANGE</button>
<p id="Sample"></p>
<script>
   function changeDefault() {
      document.getElementById("TEXT1").defaultValue="ROHAN_2";
      var P=document.getElementById("TEXT1").defaultValue;
      document.getElementById("Sample").innerHTML = "Default value has been changed from RON_1 to "+P ;
   }
</script>
</body>
</html>

出力

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

HTMLDOM入力テキストdefaultValueプロパティ

HTMLDOM入力テキストdefaultValueプロパティ


  1. HTMLDOM入力週のdefaultValueプロパティ

    Input Week defaultValueプロパティは、WeekInputに対応するデフォルト値を設定/返します。ユーザーが週の入力をリセットすると、value属性は変更されますが、デフォルト値は変更されません。 構文 以下は構文です- 文字列値を返す inputWeekObject.defaultValue defaultValueを文字列に設定する inputWeekObject.defaultValue = ‘string’ 例 Input Week defaultValueの例を見てみましょう プロパティ- <!DOCTYPE html&

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

    HTML DOM入力テキストdefaultValueプロパティは、テキストフィールドのdefaultValueを設定または取得するために使用されます。要素のdefaultValueは、value属性に割り当てられた値です。 valueプロパティとdefaultValueプロパティの違いは、後者は指定された元のデフォルト値を保持し、valueプロパティ値は入力フィールドへのユーザー入力に基づいて変更されることです。 構文 以下は、defaultValueプロパティを設定するための構文です- textObject.defaultValue = value ここで、「value」はテキストフィー