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

HTMLDOM入力パスワードオブジェクト

HTML DOM入力パスワードオブジェクトは、タイプ「password」の要素に関連付けられています。 createElement（）メソッドとgetElementById（）メソッドをそれぞれ使用して、パスワード型の入力要素を作成してアクセスできます。

プロパティ

パスワードオブジェクトのプロパティは次のとおりです-

Sr.No プロパティと説明
1 オートコンプリート
パスワードフィールドのオートコンプリート属性値を設定または返すには
2 オートフォーカス
ページの読み込み時にパスワードフィールドが自動的にフォーカスを取得するかどうかを設定または返す。
3 defaultValue
パスワードフィールドのデフォルト値を設定または返す。
4 無効
パスワードフィールドを無効にするかどうかを設定または返す。
5 フォーム
パスワードフィールドを含むフォームの参照を返すには
6 maxLength
パスワードフィールドのmaxlength属性値を設定または返すこと。
7 名前
パスワードフィールドの名前属性値を返す、または返す
8 パターン
パスワードフィールドのパターン属性値を設定または返すには
9 プレースホルダー
パスワードフィールドのプレースホルダー属性値を設定または返すには
10 readOnly
パスワードフィールドが読み取り専用かどうかを設定または返すには
11 必須
フォームを送信する前にパスワードフィールドに入力する必要があるかどうかを設定または返すため。
12 サイズ
パスワードフィールドのサイズ属性値を設定または返す。
13 タイプ
これは、パスワードフィールドであるフォーム要素のタイプを返す読み取り専用プロパティです。
14 値
パスワードフィールドのvalue属性値を設定または返します。

メソッド

パスワードオブジェクトのメソッドは次のとおりです-

Sr.No メソッドと説明
1 select（）
パスワードフィールドの内容を選択します。

構文

以下は、-

の構文です。

入力パスワードオブジェクトの作成-

var P = document.createElement("INPUT");
P.setAttribute("type", "password");

InputPasswordオブジェクトの例を見てみましょう-

<!DOCTYPE html>
<html>
<head>
<script>
   function createPASS() {
      var P = document.createElement("INPUT");
      P.setAttribute("type", "password");
      document.body.appendChild(P);
   }
</script>
</head>
<body>
<p>Create an input field with type password by clicking the below button</p>
<button onclick="createPASS()">CREATE</button>
<br><br>
PASSWORD:
</body>
</html>

出力

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

HTMLDOM入力パスワードオブジェクト

[作成]ボタンをクリックして、新しく作成したパスワードフィールドに入力すると-

HTMLDOM入力パスワードオブジェクト

上記の例では-

ユーザーがクリックするとcreatePass（）メソッドを実行するCREATEボタンがあります-

<button onclick="createPASS()">CREATE</button>

createPass（）メソッドは、ドキュメントオブジェクトのcreateElement（）メソッドを使用して、パラメータとして「INPUT」を渡すことにより、要素を作成します。新しく作成された入力要素は変数Pに割り当てられ、setAttribute（）メソッドを使用して、値passwordを使用して型属性を作成します。 setAttribute（）は属性を作成し、属性が以前に存在しなかった場合はその値を割り当てることを忘れないでください。最後に、ドキュメント本文でappendChild（）メソッドを使用して、本文の子としてパスワード型の入力要素を追加します-

function createPASS() {
   var P = document.createElement("INPUT");
   P.setAttribute("type", "password");
   document.body.appendChild(P);
}

  1. HTMLDOM入力テキストオブジェクト

    HTML DOM入力テキストオブジェクトは、タイプ「text」の要素に関連付けられています。 createElement（）メソッドとgetElementById（）メソッドをそれぞれ使用して、テキスト型の入力要素を作成してアクセスできます。 プロパティ 以下は、テキストオブジェクトのプロパティです- プロパティ 説明 オートコンプリート テキストフィールドのオートコンプリート属性値を設定または返すには オートフォーカス ページの読み込み時にテキストフィールドが自動的にフォーカスを取得するかどうかを設定または返す。 defaultValue テキストフィールドの

  2. HTMLDOM入力パスワードオブジェクト

    HTML DOM入力パスワードオブジェクトは、タイプ「password」の要素に関連付けられています。 createElement（）メソッドとgetElementById（）メソッドをそれぞれ使用して、パスワード型の入力要素を作成してアクセスできます。 プロパティ パスワードオブジェクトのプロパティは次のとおりです- Sr.No プロパティと説明 1 オートコンプリート パスワードフィールドのオートコンプリート属性値を設定または返すには 2 オートフォーカス ページの読み込み時にパスワードフィールドが自動的にフォーカスを取得するかどうかを設定または返す