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

Thuộc tính value của Input Search trong HTML DOM liên quan đến phần tử input có type="search" và thuộc tính value. Dùng để trả về giá trị value của trường tìm kiếm hoặc thiết lập nó. Thuộc tính này chỉ định giá trị mặc định cho trường tìm kiếm và cũng thay đổi giá trị theo nhập của người dùng.

Cú pháp

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

searchObject.value = text;

Trong đó, text dùng để chỉ định giá trị cho trường tìm kiếm.

Ví dụ

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

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính value của Input Search</h1> 
<form> 
    TRÁI CÂY: <input type="search" id="SEARCH1" name="fruits"> 
</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="getValue()">Lấy Giá Trị</button> 
<p id="Sample"></p> 
<script> 
    function getValue() { 
        var t = document.getElementById("SEARCH1").value; 
        document.getElementById("Sample").innerHTML = "Giá trị của trường input là: " + t; 
    } 
</script> </body> </html>

Kết quả

Khi gõ văn bản vào ô tìm kiếm và nhấn "Lấy Giá Trị", giá trị nhập được hiển thị.