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

Thuộc tính placeholder của Input Search trong HTML DOM dùng để thiết lập hoặc trả về giá trị thuộc tính placeholder của trường tìm kiếm. Placeholder gợi ý cho người dùng về ô nhập liệu bằng cách hiển thị văn bản mờ bên trong ô trước khi người dùng nhập. Văn bản placeholder mặc định màu xám và không được submit cùng form như thuộc tính value.

Cú pháp

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

searchObject.placeholder = text

Trong đó, text là văn bản placeholder gợi ý cho người dùng về trường tìm kiếm.

Ví dụ

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

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính placeholder của Input Search</h1> 
<form> 
    TRÁI CÂY: <input type="search" id="SEARCH1" name="fruits"> 
</form> 
<p>Thay đổi văn bản placeholder của trường trên bằng cách nhấn nút dưới đây</p> 
<button onclick="changeHolder()">THAY ĐỔI</button> 
<script> 
    function changeHolder() { 
        document.getElementById("SEARCH1").placeholder = "Tìm kiếm trái cây ở đây..."; 
    } 
</script> </body> </html>

Kết quả

Khi nhấn nút "THAY ĐỔI", placeholder hiển thị "Tìm kiếm trái cây ở đây..." bên trong ô tìm kiếm.