Thuộc tính HTML DOM Textarea maxLength trả về và sửa đổi giá trị của thuộc tính maxLength 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ả về maxLength
object.maxLength
2. Đang sửa đổi maxLength
object.maxLength = “number”
Hãy để chúng tôi xem một ví dụ về Thuộc tính HTML DOM Textarea maxLength:
Ví dụ
<!DOCTYPE html>
<html>
<style>
body {
color: #000;
height: 100vh;
}
.btn {
background: #db133a;
border: none;
height: 2rem;
border-radius: 2px;
width: 40%;
display: block;
color: #fff;
outline: none;
cursor: pointer;
}
.show {
font-size: 1.5rem;
margin: 1rem 0;
}
</style>
<body>
<h1>DOM Textarea maxLength Property Demo</h1>
<textarea maxlength="50">Hi! I'm a text area element with some dummy text.</textarea>
<button onclick="set()" class="btn">Show Maximum Length</button>
<div class="show"></div>
<script>
function set() {
document.querySelector('.show').innerHTML = 'The maximum number of characters allowed in the above text area is ' + document.querySelector("textarea").maxLength;
}
</script>
</body>
</html> Đầu ra
Nhấp vào “ Hiển thị độ dài tối đa ”Để hiển thị giá trị của thuộc tính maxLength của phần tử textarea.
