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

Thuộc tính autofocus của Input Search 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 trường tìm kiếm 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:

searchObject.autofocus = true|false

Trong đó, true = tự động focus, false = không. Mặc định là 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 Input Search</h1> 
<form> 
    TRÁI CÂY: <input type="search" id="SEARCH1" name="fruits" autofocus> 
</form> 
<p>Lấy giá trị autofocus của trường tìm kiếm bằng cách nhấn nút dưới đây</p> 
<button type="button" onclick="FocusVal()">KIỂM TRA FOCUS</button> 
<p id="Sample"></p> 
<script> 
    function FocusVal() { 
        var R = document.getElementById("SEARCH1").autofocus; 
        document.getElementById("Sample").innerHTML = "Trường tìm kiếm có autofocus được thiết lập là " + R; 
    } 
</script> </body> </html>

Kết quả

Khi tải trang, trường tìm kiếm tự động focus. Nhấn "KIỂM TRA FOCUS" hiển thị "true".

Giải thích ví dụ

Tạo input search với thuộc tính autofocus (mặc định true). Tạo nút "KIỂM TRA FOCUS" thực thi FocusVal():

function FocusVal() { 
    var f = document.getElementById("SEARCH1").autofocus; 
    document.getElementById("Sample").innerHTML = "Thuộc tính autofocus của trường tìm kiếm được thiết lập là: " + f; 
}