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

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

HTML DOM入力パスワードvalueプロパティは、type =” password”を持ち、value属性を持つinput要素に関連付けられています。このプロパティは、パスワードフィールドのデフォルト値を指定するために使用され、値をユーザー入力に変更します。

構文

以下は、-

の構文です。

valueプロパティを設定します。

passwordObject.value = text;

ここでは、パスワードフィールドの値を指定するためにテキストが使用されています。

例

入力パスワード値プロパティの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h1>Input password Value property</h1>
PASSWORD: <input type="password" id="PASS1">
<p>Get the above element value by clicking the below button</p>
<button onclick="getValue()">Get Value</button>
<p id="Sample"></p>
<script>
   function getValue() {
      var t = document.getElementById("PASS1").value;
      document.getElementById("Sample").innerHTML = "The value for the input field is : "+t;
   }
</script>
</body>
</html>

出力

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

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

パスワードフィールド内にテキストを入力し、[値を取得]ボタンをクリックすると-

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

上記の例では-

タイプパスワードとそのIDが「PASS1」に設定された入力フィールドを作成しました。

PHONE NO: <input type="number" value="222" id="NUMBER1">

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

<button onclick="getValue()">Get Value</button>

getValue（）メソッドは、getElementById（）メソッドを使用して入力要素を取得し、その「value」属性値を変数tに割り当てます。 [値を取得]ボタンをクリックする前にパスワードフィールドに何も入力しないと、空の文字列が返されます。 value属性はユーザー入力に応じて変化するため、パスワードフィールド内に現在の入力が表示されます。この変数は、innerHTMLプロパティ-

を使用して、IDが「Sample」の段落に表示されます。 
function getValue() {
   var t = document.getElementById("PASS1").value;
   document.getElementById("Sample").innerHTML = "The value for the input field is : "+t;
}

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

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

  2. HTMLDOM入力検索値プロパティ

    HTML DOM入力検索値プロパティは、type =” search”を持つ入力要素とvalue属性に関連付けられています。入力検索フィールド値属性の値を返すか、設定するために使用されます。このプロパティは、検索フィールドのデフォルト値を指定するために使用され、値をユーザー入力に変更します。 構文 以下は、-の構文です。 値プロパティの設定- searchObject.value = text; ここでは、検索フィールドの値を指定するためにテキストが使用されています。 例 入力検索値プロパティの例を見てみましょう- <!DOCTYPE html> <html>