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

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

Cú pháp

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

resetObject.autofocus = true|false

Ở đây, true biểu thị nút reset nên lấy focus, false ngược lại. Mặc định là false.

Ví dụ

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

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính autofocus của Reset</h1> 
<form 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="Age"> <br><br> 
<input type="reset" id="RESET1" autofocus> 
</form> 
<p>Lấy giá trị autofocus của nút reset 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("RESET1").autofocus; 
        document.getElementById("Sample").innerHTML = "Thuộc tính autofocus của nút reset được thiết lập là: "+f; 
    } 
</script> </body> </html>

Kết quả

Đoạn mã trên sẽ tạo ra kết quả như sau:

Khi nhấn nút KIỂM TRA:

Trong ví dụ trên:

Chúng ta tạo phần tử <input> với type="reset", id="RESET1". Nhấn nút này sẽ reset form. Nút nằm trong form chứa hai trường text và form có style inline:

<form 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="Age"> <br><br> <input type="reset" id="RESET1"> </form>

Tạo nút KIỂM TRA thực thi phương thức FocusVal() khi được nhấn:

<button type="button" onclick="FocusVal()">KIỂM TRA</button>

Phương thức FocusVal() lấy phần tử reset bằng getElementById() và lấy thuộc tính autofocus. Thuộc tính trả về true/false tùy giá trị autofocus. Gán cho biến f và hiển thị trong đoạn văn id="Sample":

function FocusVal(){ 
    var f = document.getElementById("RESET1").autofocus; 
    document.getElementById("Sample").innerHTML = "Thuộc tính autofocus của nút reset được thiết lập là: "+f; 
}