Đối tượng Input Reset trong HTML DOM

Đối tượng Input Reset trong HTML DOM liên quan đến phần tử <input> với type="reset". Chúng ta có thể tạo và truy cập phần tử input type reset bằng phương thức createElement() và getElementById() tương ứng.

Các thuộc tính

Dưới đây là các thuộc tính của đối tượng Input Reset:

Thuộc tính	Mô tả
autofocus	Thiết lập hoặc trả về xem nút reset có tự động nhận focus khi trang tải hay không.
defaultValue	Thiết lập hoặc trả về giá trị mặc định của nút reset.
disabled	Thiết lập hoặc trả về xem nút reset có bị vô hiệu hóa hay không.
form	Trả về tham chiếu đến form chứa nút reset.
name	Thiết lập hoặc trả về giá trị thuộc tính name của nút reset.
type	Trả về loại phần tử form cho nút reset.
value	Thiết lập hoặc trả về giá trị thuộc tính value của nút reset.

Ví dụ

Ví dụ minh họa cho đối tượng Input Reset:

<!DOCTYPE html> <html> <head> <script> 
    function resetCreate() { 
        var Res = document.createElement("INPUT"); 
        Res.setAttribute("type", "reset"); 
        document.body.appendChild(Res); 
    } 
</script> </head> <body> 
<h1>Đối tượng Input Reset</h1> 
<p>Tạo trường input type reset bằng cách nhấn nút dưới đây</p> 
<button onclick="resetCreate()">TẠO</button> 
<br><br> 
</body> </html>

Kết quả

Khi nhấn nút "TẠO", một nút reset mới sẽ được thêm vào trang.

Giải thích ví dụ

Tạo nút "TẠO" sẽ thực thi hàm resetCreate() khi được nhấn:

<button onclick="resetCreate()">TẠO</button>

Hàm resetCreate() sử dụng phương thức createElement() của đối tượng document để tạo phần tử <input> bằng cách truyền "INPUT" làm tham số. Phần tử input mới tạo được gán cho biến Res và sử dụng phương thức setAttribute() để tạo thuộc tính type với giá trị "reset".

Cuối cùng sử dụng phương thức appendChild() trên body của document để thêm phần tử input type reset làm con của body:

function resetCreate() { 
    var Res = document.createElement("INPUT"); 
    Res.setAttribute("type", "reset"); 
    document.body.appendChild(Res); 
}