Thuộc tính trình giữ chỗ văn bản đầu vào HTML DOM được sử dụng để thiết lập hoặc trả về giá trị thuộc tính trình giữ chỗ của trường văn bản đầ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ỗ -
textObject.placeholder = text
Ở đây, văn bản đại diện cho văn bản giữ chỗ chỉ định gợi ý cho người dùng về trường văn bản.
Ví dụ
Hãy để chúng tôi xem xét một ví dụ cho thuộc tính Văn bản giữ chỗ đầu vào -
<!DOCTYPE html>
<html>
<body>
<h1>Input Text placeholder property</h1>
USERNAME: <input type="text" id="USR" placeholder="....">
<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("USR").placeholder = "Enter your username here..";
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Trình giữ chỗ đã được thay đổi thành công -
