Thuộc tính autofocus của Input Submit trong HTML DOM

Thuộc tính autofocus của Input Submit trong HTML DOM liên quan đến thuộc tính autofocus của phần tử <input>. Thuộc tính này thiết lập hoặc trả về xem nút submit có tự động focus khi trang tải hay không.

Cú pháp

Cú pháp để thiết lập thuộc tính autofocus:

submitObject.autofocus = true|false

Trong đó, true = tự động focus, false = không. Mặc định false.

Ví dụ

Ví dụ minh họa cho thuộc tính autofocus:

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính autofocus của Submit</h1> 
<form action="/Sample_page.php" style="border:solid 2px green;padding:2px"> 
    Tên người dùng: <input type="text" id="USR"><br> 
    Vị trí: <input type="text" id="Loc"><br><br> 
    <input type="submit" id="SUBMIT1" autofocus> 
</form> 
<p>Lấy giá trị autofocus của nút submit bằng cách nhấn nút dưới đây</p> 
<button type="button" onclick="FocusVal()">KIỂM TRA</button> 
<p id="Sample"></p> 
<script> 
    function FocusVal() { 
        var f = document.getElementById("SUBMIT1").autofocus; 
        document.getElementById("Sample").innerHTML = "Thuộc tính autofocus của nút submit được thiết lập là: " + f; 
    } 
</script> </body> </html>

Kết quả

Khi tải trang, nút submit tự động focus. Nhấn "KIỂM TRA" hiển thị "true".