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

Thuộc tính value của Input Reset trong HTML DOM được sử dụng để trả về giá trị thuộc tính value của nút reset hoặc để thiết lập nó. Thuộc tính value cho nút reset thay đổi văn bản hiển thị trên nút, mặc định văn bản là "Reset".

Cú pháp

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

resetObject.value = text;

Trong đó, text dùng để chỉ định văn bản hiển thị trên nút reset.

Ví dụ

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

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính value 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 giá trị phần tử trên bằng cách nhấn nút dưới đây</p> 
<button onclick="changeValue()">THAY ĐỔI</button> 
<p id="Sample"></p> 
<script> 
    function changeValue() { 
        document.getElementById("RESET1").value = "Form_Reset"; 
        document.getElementById("Sample").innerHTML = "Giá trị nút reset đã thay đổi và có thể thấy trên chính nút đó"; 
    } 
</script> </body> </html>

Kết quả

Khi nhấn nút "THAY ĐỔI", văn bản trên nút reset sẽ chuyển từ "Reset" thành "Form_Reset".

Giải thích ví dụ

Tạo phần tử <input> với type="reset", id="RESET1". Nhấn nút này sẽ reset dữ liệu form. Nút này nằm trong form chứa hai trường văn bản 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 "THAY ĐỔI" sẽ thực thi hàm changeValue() khi được nhấn:

<button onclick="changeValue()">THAY ĐỔI</button>

Hàm changeValue() lấy phần tử input type="reset" bằng getElementById() và thiết lập thuộc tính "value" thành "Form_Reset". Giá trị này hiển thị trên chính nút. Thông báo thay đổi được hiển thị trong đoạn văn id="Sample" sử dụng innerHTML:

function changeValue() { 
    document.getElementById("RESET1").value = "Form_Reset"; 
    document.getElementById("Sample").innerHTML = "Giá trị nút reset đã thay đổi và có thể thấy trên chính nút đó"; 
}