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

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

HTML DOM入力パスワードautofocusプロパティは、HTML要素のautofocus属性に関連付けられています。このプロパティは、ページが読み込まれたときに入力パスワードフィールドが自動的にフォーカスされるかどうかを設定または返すために使用されます。

構文

以下は、-

の構文です。

オートフォーカスプロパティを設定します-

passwordObject.autofocus = true|false

ここで、trueはパスワードフィールドがフォーカスを取得する必要があることを表し、falseはそうでないことを表します。デフォルトではfalseに設定されています。

例

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

<!DOCTYPE html>
<html>
<body>
<h1>Input password autofocus property</h1>
Password: <input type="password" id="PASS" autofocus>
<br><br>
<button onclick="FocusVal()">CHECK FOCUS</button>
<p id="Sample"></p>
<script>
   function FocusVal() {
      var P = document.getElementById("PASS").autofocus;
      document.getElementById("Sample").innerHTML = "The password field has autofocus property set to "+P;
   }
</script>
</body>
</html>

出力

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

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

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

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

上記の例では-

タイプが「password」、IDが「Pass」の入力フィールドを作成しました。オートフォーカスプロパティが有効になっています。つまり、trueに設定されています-

Password: <input type="password" id="PASS" autofocus>

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

<button onclick="FocusVal()">CHECK FOCUS</button>

FocusVal（）メソッドは、getElementById（）メソッドを使用してパスワードタイプの入力要素を取得し、そのautofocusプロパティを取得します。 autofocusプロパティは、要素のautofocus属性値に応じてtrueとfalseを返します。この値は変数Pに割り当てられ、innerHTMLプロパティ-

を使用して、IDが「Sample」の段落に表示されます。 
function FocusVal() {
   var P = document.getElementById("PASS").autofocus;
   document.getElementById("Sample").innerHTML = "The password field has autofocus property set to "+P;
}
に設定されています
  1. HTMLDOM入力パスワードパターンプロパティ

    HTML DOM入力パスワードパターンプロパティは、入力パスワードフィールドのパターン属性を設定または返すために使用されます。パスワードを、patternプロパティで指定された正規表現と照合します。 構文 以下はの構文です パターンプロパティの設定- passwordObject.pattern = regexp ここで、regexpは、パスワードフィールドがチェックされる正規表現です。 例 パスワードパターンプロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Input Pas

  2. HTMLDOM入力範囲のオートフォーカスプロパティ

    HTML DOM入力範囲のautofocusプロパティは、HTMLの要素のautofocus属性に関連付けられています。このプロパティは、ページが読み込まれたときに入力範囲スライダーが自動的にフォーカスされるかどうかを設定または返すために使用されます。 構文 以下は、-の構文です。 オートフォーカスプロパティの設定- rangeObject.autofocus = true|false ここで、trueは範囲スライダーがフォーカスを取得する必要があることを表し、falseはそうでないことを表します。デフォルトではfalseに設定されています。 例 入力範囲のオートフォーカスプロパティの