Thuộc tính trình giữ chỗ HTML DOM Textarea trả về và sửa đổi giá trị của thuộc tính trình giữ chỗ của phần tử vùng văn bản trong tài liệu HTML.
Cú pháp
Sau đây là cú pháp -
1. Trả lại trình giữ chỗ
object.placeholder
2. Thêm trình giữ chỗ
object.placeholder = “text”
Hãy để chúng tôi xem một ví dụ về Thuộc tính trình giữ chỗ HTML DOM Textarea:
Ví dụ
<!DOCTYPE html>
<html>
<style>
body {
color: #000;
background: lightseagreen;
height: 100vh;
}
.btn {
background: #db133a;
border: none;
height: 2rem;
border-radius: 2px;
width: 40%;
display: block;
color: #fff;
outline: none;
cursor: pointer;
}
.show {
margin: 1rem 0;
font-size: 1.5rem;
}
</style>
<body>
<h1>DOM Textarea placeholder Property Demo</h1>
<textarea placeholder="Hi! I'm placeholder text of a textarea element" rows="8" cols='20'></textarea>
<button onclick="set()" class="btn">Show Placeholder</button>
<div class="show"></div>
<script>
function set() {
document.querySelector('.show').innerHTML = document.querySelector("textarea").placeholder;
}
</script>
</body>
</html> Đầu ra
Nhấp vào “ Hiển thị Trình giữ chỗ ”Để hiển thị giá trị của thuộc tính trình giữ chỗ.
