Thuộc tính HTML DOM Input Password autofocus

Thuộc tính autofocus của đối tượng Input Password liên kết với thuộc tính autofocus của phần tử <input type="password">. Dùng để đặt hoặc kiểm tra xem trường mật khẩu có tự động nhận focus khi trang tải xong hay không.

Cú pháp

Đặt thuộc tính autofocus:

passwordObject.autofocus = true|false

• true: Trường mật khẩu sẽ tự động focus.
• false (mặc định): Không tự động focus.

Ví dụ

Ví dụ kiểm tra trạng thái autofocus của trường mật khẩu:

<!DOCTYPE html>
<html>
<body>
<h1>Thuộc tính Input Password autofocus</h1>
Mật khẩu: <input type="password" id="PASS" autofocus>
<br><br>
<button onclick="checkFocus()">KIỂM TRA FOCUS</button>
<p id="Sample"></p>
<script>
  function checkFocus() {
    var hasFocus = document.getElementById("PASS").autofocus;
    document.getElementById("Sample").innerHTML = "Trường mật khẩu có autofocus = " + hasFocus;
  }
</script>
</body>
</html>

Kết quả

Trường mật khẩu tự động focus khi tải trang (con trỏ nháy sẵn sàng nhập).

Sau khi nhấn "KIỂM TRA FOCUS", hiển thị: "Trường mật khẩu có autofocus = true".

Giải thích

• Trường input có type="password", id="PASS", thuộc tính autofocus (mặc định true).
• Nút "KIỂM TRA FOCUS" gọi hàm checkFocus().
• Hàm lấy giá trị .autofocus của phần tử, hiển thị true/false.