Thuộc tính tự động lấy nét của HTML DOM Input Submit đượ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ả lại nếu nút gửi sẽ được tự động lấy tiêu điểm khi trang tải hay không.
Cú pháp
Sau đây là cú pháp cho -
Đặt thuộc tính lấy nét tự động -
submitObject.autofocus = true|false
Ở đây, true biểu thị rằng nút gửi sẽ được 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 để chúng tôi xem xét một ví dụ cho thuộc tính lấy nét tự động Gửi đầu vào -
<!DOCTYPE html>
<html>
<body>
<h1> Submit Autofocus property</h1>
<form action=”/Sample_page.php” style="border:solid 2px green;padding:2px">
UserName: <input type="text" id="USR"><br>
Location: <input type="text" id=“Loc”><br><br>
<input type="submit" id="SUBMIT1" autofocus>
</form>
<p>Get the submit button autofocus property value by clicking the below button</p>
<button type="button()" onclick="FocusVal()">CHECK</button>
<p id="Sample"></p>
<script>
function FocusVal(){
var f = document.getElementById("SUBMIT1").autofocus;
document.getElementById("Sample").innerHTML = "The submit button autofocus property is set to: "+f;
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhấp vào nút KIỂM TRA -
