Thuộc tính tự động lấy nét theo tháng đầu vào của HTML DOM trả về và sửa đổi xem trường tháng đầu vào có được lấy tiêu điểm hay không khi tải trang.
Cú pháp
Sau đây là cú pháp -
-
Tự động lấy nét trở lại
object.autofocus
-
Sửa đổi lấy nét tự động
object.autofocus = true | false
Ví dụ
Hãy để chúng tôi xem một ví dụ về thuộc tính lấy nét tự động tháng đầu vào HTML DOM -
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM autofocus property</title>
<style>
body{
text-align:center;
}
p{
font-size:1.5rem;
color:#ff8741;
}
input{}
button{
background-color:#db133a;
color:#fff;
padding:8px;
border:none;
width:120px;
margin:0.5rem;
border-radius:50px;
outline:none;
cursor:pointer;
}
</style>
</head>
<body>
<h1>autofocus Property Example</h1>
<p>Hi! click on disable button to disable autofocus</p>
<input type="month" autofocus value="2019-03">
<br>
<button onclick="disable()">Disable</button>
<script>
function disable() {
document.querySelector("input").autofocus = false;
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Nhấp vào nút “Tắt” để tắt tính năng tự động lấy nét trên trường nhập tháng.
