HTML DOM Input Password autofocus attribute-HTML Tutorial-php.cn

HTML DOM Input Password autofocus attribute

WBOY

Release： 2023-08-20 16:17:14

forward

1410 people have browsed it

HTML DOM input Password autofocus attribute is associated with the autofocus attribute of the HTML element. This property sets or returns whether the password field should be automatically focused when the page loads.

Syntax

The following is the syntax for setting the autofocus attribute:

Setting the autofocus attribute-

passwordObject.autofocus = true|false

Copy after login

Here, true means that the password field should get focus, false means no. Set to false by default.

Example

Let’s look at an example of the Input Password autofocus property -

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

Copy after login

Output

This will produce the following output−

HTML DOM Input Password autofocus 属性

When clicking the CHECK FOCUS button−

HTML DOM Input Password autofocus 属性

In the above example−

we create a type For the input field of "password", the id is "Pass", and the auto-focus attribute is enabled, that is, set to true −

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

Copy after login

We next create a button CHECK FOCUS, which will execute FocusVal when the user clicks () method−

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

Copy after login

The FocusVal() method gets the input element with type password using the getElementById() method and gets its autofocus property. The autofocus property returns true and false depending on the element autofocus attribute value. This value is assigned to variable P and displayed in the paragraph with id “Sample” using its innerHTML property −

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

Copy after login

The above is the detailed content of HTML DOM Input Password autofocus attribute. For more information, please follow other related articles on the PHP Chinese website!