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

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

Cú pháp

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

textObject.placeholder = text

Ví dụ

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

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính placeholder của Input Text</h1> 
TÊN ĐĂNG NHẬP: <input type="text" id="USR" placeholder="..."> 
<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("USR").placeholder = "Nhập tên đăng nhập của bạn ở đây..."; 
    } 
</script> </body> </html>

Kết quả

Khi nhấn nút "THAY ĐỔI", placeholder hiển thị "Nhập tên đăng nhập của bạn ở đây...".