Thuộc tính lấy nét tự động lấy nét mật khẩu nhập DOM DOM

Thuộc tính tự động lấy nét bằng mật khẩu đầu vào HTML DOM được liên kết với thuộc tính tự động lấy nét của phần tử HTML . Thuộc tính này được sử dụng để thiết lập hoặc trả về nếu trường mật khẩu đầu vào sẽ được tự động lấy tiêu điểm khi trang tải hay không tải.

Cú pháp

Sau đây là cú pháp để -

Đặt thuộc tính lấy nét tự động -

passwordObject.autofocus = true|false

Ở đây, true biểu thị rằng trường mật khẩu nên lấy tiêu điểm và false biểu thị ngược lại. Nó được đặt thành false theo mặc định.

Ví dụ

Hãy cùng chúng tôi xem xét một ví dụ về thuộc tính tự động lấy nét bằng Mật khẩu Nhập -

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

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Thuộc tính lấy nét tự động lấy nét mật khẩu nhập DOM DOM

Khi nhấp vào nút KIỂM TRA TẬP TRUNG -

Thuộc tính lấy nét tự động lấy nét mật khẩu nhập DOM DOM

Trong ví dụ trên -

Chúng tôi đã tạo một trường đầu vào với loại “password”, id “Pass” và nó đã bật thuộc tính lấy nét tự động, tức là được đặt thành true -

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

Sau đó, chúng tôi đã tạo một nút CHECK FOCUS sẽ thực thi phương thức FocusVal () khi người dùng nhấp vào -

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

Phương thức FocusVal () nhận phần tử đầu vào với kiểu mật khẩu bằng cách sử dụng phương thức getElementById () và nhận thuộc tính lấy nét tự động của nó. Thuộc tính lấy nét tự động trả về true và false tùy thuộc vào giá trị thuộc tính lấy nét tự động của phần tử. Giá trị này được gán cho biến P và được hiển thị trong đoạn có id “Mẫu” bằng cách sử dụng thuộc tính innerHTML của nó -

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