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

Thuộc tính type của Input Reset trong HTML DOM liên quan đến phần tử input có type="reset". Thuộc tính này luôn trả về "reset" cho phần tử input reset.

Cú pháp

Cú pháp cho thuộc tính type của reset:

resetObject.type

Ví dụ

Ví dụ minh họa cho thuộc tính type của reset:

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính type của Input 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"> 
</form> 
<p>Lấy type của phần tử input trên bằng cách nhấn nút dưới đây</p> 
<button type="button" onclick="resetType()">LẤY TYPE</button> 
<p id="Sample"></p> 
<script> 
    function resetType() { 
        var P = document.getElementById("RESET1").type; 
        document.getElementById("Sample").innerHTML = "Type của trường input là: " + P; 
    } 
</script> </body> </html>

Kết quả

Khi nhấn nút "LẤY TYPE", kết quả sẽ hiển thị "reset".

Giải thích ví dụ

Tạo phần tử <input> với type="reset", id="RESET1". Nút này nằm trong form chứa hai trường văn bản và form có style inline.

Tạo nút "LẤY TYPE" sẽ thực thi hàm resetType() khi được nhấn:

<button type="button" onclick="resetType()">LẤY TYPE</button>

Hàm resetType() lấy phần tử input bằng getElementById() và gán giá trị thuộc tính type cho biến P. Biến này sau đó hiển thị trong đoạn văn id="Sample" sử dụng innerHTML:

function resetType() { 
    var P = document.getElementById("RESET1").type; 
    document.getElementById("Sample").innerHTML = "Type của trường input là: " + P; 
}