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

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

HTML DOM入力パスワードtypeプロパティは、type =” password”を持つinput要素に関連付けられています。入力されたパスワード要素のパスワードを常に返します。

構文

パスワードタイププロパティの構文は次のとおりです-

passwordObject.type

例

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

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

出力

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

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

「タイプを取得」ボタンをクリックすると-

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

上記の例では-

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

PASSWORD: <input type="password" id="PASS1">

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

<button onclick="getType()">Get Type</button>

getType（）メソッドは、getElementById（）メソッドを使用して入力要素を取得し、その型属性値を変数tに割り当てます。この変数は、innerHTMLプロパティ-

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

  1. HTMLDOM入力リセットタイププロパティ

    HTML DOM入力リセットタイププロパティは、type =” reset”を持つ入力要素に関連付けられています。入力リセット要素に対しては常にリセットを返します。 構文 以下は、リセットタイププロパティの構文です- resetObject.type 例 リセットタイププロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Input reset type Property</h1> <form style="border:solid 2px green;padding

  2. HTMLDOM入力パスワードタイププロパティ

    HTML DOM入力パスワードtypeプロパティは、type =” password”を持つinput要素に関連付けられています。入力されたパスワード要素のパスワードを常に返します。 構文 パスワードタイププロパティの構文は次のとおりです- passwordObject.type 例 入力パスワードタイププロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>password type property</h1> PASSWORD: <input type="passw