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

HTMLDOM入力パスワードフォームプロパティ

HTML DOM入力パスワードフォームプロパティは、入力パスワードフィールドを含むフォーム参照を返すために使用されます。入力パスワードフィールドがフォームの外にある場合は、単にNULLを返します。このプロパティは読み取り専用です。

構文

入力パスワードフォームプロパティの構文は次のとおりです。

passwordObject.form

例

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

<!DOCTYPE html>
<html>
<body>
<h1>Input Password form Property</h1>
<form id="NEW_FORM">
Password: <input type="password" id="PASS">
</form>
<p>Get the form id by clicking on the below button</p>
<button type="button" onclick="formId()">GET FORM</button>
<p id="Sample"></p>
<script>
   function formId() {
      var P=document.getElementById("PASS").form.id;
      document.getElementById("Sample").innerHTML = "The id of the form containing the password field is: "+P ;
   }
</script>
</body>
</html>

出力

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

HTMLDOM入力パスワードフォームプロパティ

GETFORMボタンをクリックすると-

HTMLDOM入力パスワードフォームプロパティ

上記の例では-

最初に、IDが「PASS」の入力パスワードフィールドを作成しました。これは、IDが「NEW_FORM」-

の
要素内に含まれています。 
<form id=”NEW_FORM”>
Password: <input type="password" id="PASS">
</form>

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

<button type="button" onclick="formId()">GET FORM</button>

formId（）メソッドは、getElementById（）メソッドを使用して、パスワード型の入力フィールドを取得し、パスワードフィールドを含むフォームオブジェクトのidプロパティを取得します。次に、この値を変数Pに割り当て、innerHTMLプロパティ-

を使用して、IDが「Sample」の段落に表示します。 
function formId() {
   var P=document.getElementById("PASS").form.id;
   document.getElementById("Sample").innerHTML = "The id of the form containing the password field is: "+P ;
}

  1. HTMLDOM入力テキストフォームプロパティ

    HTML DOM入力テキストフォームプロパティは、入力テキストフィールドを含むフォーム参照を返すために使用されます。入力テキストフィールドがフォームの外にある場合は、単にNULLを返します。このプロパティは読み取り専用です。 構文 以下は、入力テキストフォームプロパティの構文です。 textObject.form 例 入力テキストフォームプロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Input Text form Property</h1> <form id="

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

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