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

Thuộc tính defaultValue của Input Search trong HTML DOM dùng để thiết lập hoặc lấy giá trị mặc định của trường tìm kiếm. defaultValue là giá trị gán cho thuộc tính value. Khác với value thay đổi theo nhập của người dùng, defaultValue giữ nguyên giá trị mặc định ban đầu.

Cú pháp

Cú pháp để thiết lập defaultValue:

searchObject.defaultValue = value

Trong đó, value là giá trị mặc định của trường tìm kiếm.

Ví dụ

Ví dụ minh họa cho thuộc tính defaultValue:

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính defaultValue của Input Search</h1> 
<form> 
    TRÁI CÂY: <input type="search" id="SEARCH1" name="fruits" value="MANGO"> 
</form> 
<p>Thay đổi giá trị mặc định của trường tìm kiếm trên bằng cách nhấn nút CHANGE</p> 
<button type="button" onclick="changeDefault()">THAY ĐỔI</button> 
<p id="Sample"></p> 
<script> 
    function changeDefault() { 
        document.getElementById("SEARCH1").defaultValue = "APPLE"; 
        var P = document.getElementById("SEARCH1").defaultValue; 
        document.getElementById("Sample").innerHTML = "Giá trị mặc định đã thay đổi từ MANGO thành " + P; 
    } 
</script> </body> </html>

Kết quả

Khi nhấn nút "THAY ĐỔI", defaultValue chuyển từ "MANGO" sang "APPLE".

Giải thích ví dụ

Tạo input search với value="MANGO". Tạo nút "THAY ĐỔI" thực thi changeDefault():

function changeDefault() { 
    document.getElementById("SEARCH1").defaultValue = "APPLE"; 
    var P = document.getElementById("SEARCH1").defaultValue; 
    document.getElementById("Sample").innerHTML = "Giá trị mặc định đã thay đổi từ MANGO thành " + P; 
}