Thuộc tính giá trị tìm kiếm HTML DOM Input được liên kết với phần tử đầu vào có type =”search” và thuộc tính value. Nó được sử dụng để trả về giá trị của thuộc tính giá trị trường tìm kiếm đầu vào hoặc để đặt nó. Thuộc tính này được sử dụng để chỉ định giá trị mặc định cho trường tìm kiếm và nó cũng thay đổi giá trị thành thông tin người dùng nhập.
Cú pháp
Sau đây là cú pháp cho -
Đặt thuộc tính giá trị -
searchObject.value = text;
Ở đây, văn bản được sử dụng để chỉ định giá trị cho trường tìm kiếm.
Ví dụ
Hãy để chúng tôi xem xét một ví dụ cho thuộc tính giá trị tìm kiếm đầu vào -
<!DOCTYPE html>
<html>
<body>
<h1>Input search Value property</h1>
<form>
FRUITS: <input type="search" id="SEARCH1" name="fruits">
</form>
<p>Get the above element value by clicking the below button</p>
<button onclick="getValue()">Get Value</button>
<p id="Sample"></p>
<script>
function getValue() {
var t = document.getElementById("SEARCH1").value;
document.getElementById("Sample").innerHTML = "The value for the input field is : "+t;
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhập một số văn bản, sau đó nhấp vào nút “Nhận giá trị” -
