Thuộc tính maxLength của Textarea trong HTML DOM

Thuộc tính maxLength của Textarea trong HTML DOM trả về và cho phép sửa đổi giá trị của thuộc tính maxlength trên phần tử textarea trong tài liệu HTML.

Cú pháp

Cú pháp như sau:

1. Lấy giá trị maxLength

object.maxLength

2. Thiết lập maxLength

object.maxLength = "number"

Ví dụ

Dưới đây là ví dụ minh họa thuộc tính maxLength của Textarea:

<!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>Demo thuộc tính maxLength của Textarea</h1>
<textarea maxlength="50">Xin chào! Tôi là một phần tử textarea với một số văn bản giả.</textarea>
<button onclick="set()" class="btn">Hiển thị độ dài tối đa</button>
<div class="show"></div>
<script>
  function set() {
    document.querySelector('.show').innerHTML = 'Số ký tự tối đa cho phép trong textarea trên là ' + document.querySelector("textarea").maxLength;
  }
</script>
</body>
</html>

Kết quả

Nhấn vào nút "Hiển thị độ dài tối đa" để hiển thị giá trị thuộc tính maxlength của phần tử textarea.