Thuộc tính tự động lấy nét số đầu vào HTML DOM trả về và sửa đổi xem trường số đầu vào có được lấy nét 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
-
2. 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 tự động lấy nét số đầu vào HTML DOM -
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM autofocus property</title>
<style>
body{
text-align:center;
background-color:#1b203a;
color:#ff8741;
}
p{
font-size:1.2rem;
}
input{
border:none;
background-color:#ffffff4a;
height:1.2rem;
padding:8px;
color:#fff;
font-weight:bold;
font-size:1rem;
}
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="number" autofocus value="23450004">
<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.
