HTML DOM Input Password autofocus 属性-htmlチュートリアル-php.cn

HTML DOM Input Password autofocus 属性

WBOY

リリース： 2023-08-20 16:17:14

転載

1411 人が閲覧しました

HTML DOM input パスワードの autofocus 属性は、HTML 要素の autofocus 属性に関連付けられます。このプロパティは、ページの読み込み時にパスワードフィールドに自動的にフォーカスするかどうかを設定または返します。

構文

オートフォーカス属性を設定するための構文は次のとおりです:

オートフォーカス属性の設定-

passwordObject.autofocus = true|false

ログイン後にコピー

ここで、true はパスワードフィールドを意味します。 false は「いいえ」を意味します。デフォルトでは false に設定されます。

Example

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

<!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>

ログイン後にコピー

出力

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

HTML DOM Input Password autofocus 属性

「CHECK FOCUS」ボタンをクリックすると -

HTML DOM Input Password autofocus 属性

#上記の例では -

# のタイプを作成します。入力フィールドは「password」、ID は「Pass」、オートフォーカス属性は有効、つまり true に設定されます。 −

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

ログイン後にコピー

次に、ボタン CHECK FOCUS を作成します。これは、次の場合に FocusVal を実行します。ユーザーが () メソッドをクリックする -

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

ログイン後にコピー

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

function FocusVal() {
   var P = document.getElementById("PASS").autofocus;
   document.getElementById("Sample").innerHTML = "The password field has autofocus property set to "+P;
}

ログイン後にコピー

を使用して ID「Sample」の段落に表示されます。

以上がHTML DOM Input Password autofocus 属性の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。