Thuộc tính trình giữ chỗ Tìm kiếm đầu vào HTML DOM được sử dụng để đặt hoặc trả về giá trị thuộc tính trình giữ chỗ của trường tìm kiếm đầu vào. Thuộc tính trình giữ chỗ được sử dụng để cung cấp cho người dùng trang web gợi ý về phần tử đầu vào bằng cách hiển thị văn bản bên trong trường nhập liệu trước khi người dùng nhập bất kỳ thứ gì. Văn bản trình giữ chỗ có màu xám theo mặc định và không được gửi đến biểu mẫu không giống như thuộc tính value.
Cú pháp
Sau đây là cú pháp cho -
Đặt thuộc tính trình giữ chỗ -
searchObject.placeholder = text
Ở đây, văn bản đại diện cho văn bản trình giữ chỗ chỉ định gợi ý cho người dùng về 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 trình giữ chỗ tìm kiếm đầu vào -
<!DOCTYPE html>
<html>
<body>
<h1>earch placeholder property</h1>
<form>
FRUITS: <input type="search" id="SEARCH1" name="fruits">
</form>
<p>Change the placeholder text of the above field by clicking the below button</p>
<button onclick="changeHolder()">CHANGE</button>
<script>
function changeHolder() {
document.getElementById("SEARCH1").placeholder = "Search for the fruits here..";
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhấp vào nút THAY ĐỔI -
