ホームページ > 記事 > ウェブフロントエンド > HTML DOM Input Password autofocus 属性
HTML DOM Input Password autofocus 属性
- WBOY転載
- 2023-08-20 16:17:141342ブラウズ
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>出力
これにより、次の出力が生成されます-
「CHECK FOCUS」ボタンをクリックすると -
#上記の例では -
# のタイプを作成します。入力フィールドは「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 サイトの他の関連記事を参照してください。