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

HTMLDOM入力パスワードdefaultValueプロパティ

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

構文

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

passwordObject.defaultValue = value

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

例

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

<!DOCTYPE html>
<html>
<body>
<h1>Input Password defaultValue Property</h1>
Password: <input type="password" id="PASS" value="abcd123">
<p>Change the above password 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("PASS").defaultValue="Password1234";
      var P=document.getElementById("PASS").defaultValue;
      document.getElementById("Sample").innerHTML = "Default value has been changed from abc123 to "+P ;
   }
</script>
</body>
</html>

出力

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

HTMLDOM入力パスワードdefaultValueプロパティ

変更ボタンをクリックすると-

HTMLDOM入力パスワードdefaultValueプロパティ

上記の例では-

最初に、IDが「PASS」で値が「abcd123」のパスワード入力フィールドを作成しました。

Password: <input type="password" id="PASS" value="abcd123">

次に、ユーザーがクリックしたときにchangeDefault（）メソッドを実行するボタンCHANGEを作成しました-

<button type="button" onclick="changeDefault()">CHANGE</button>

changeDefault（）メソッドは、getElementById（）メソッドを使用して、パスワード型の入力フィールドを取得し、defaultValueプロパティを「Password123」に設定します。次に、getElementById（）メソッドを再度使用して入力のdefaultValueプロパティを取得し、変数Pに割り当てます。この変数は、段落のinnerHTMLプロパティを使用して、IDが「Sample」の段落に表示されます-

function changeDefault() {
   document.getElementById("PASS").defaultValue="Password1234";
   var P=document.getElementById("PASS").defaultValue;
   document.getElementById("demo").innerHTML = "Default value has been changed from abc123 to "+P ;
}
に変更されました
  1. HTMLDOM入力パスワードreadOnlyプロパティ

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

  2. HTML DOMTextareadefaultValueプロパティ

    HTML DOM Textarea defaultValueプロパティは、HTMLドキュメントのテキスト領域要素のデフォルト値を返し、変更します。 構文 以下は構文です- 1。 defaultValueを返す object.defaultValue 2。 defaultValueの追加 object.defaultValue = “text” HTML DOM Textarea defaultValueプロパティの例を見てみましょう： 例 <!DOCTYPE html> <html> <style>   &nbs