HTMLInputElement: thuộc tính maxLength
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Thuộc tính maxLength của giao diện HTMLInputElement cho biết số ký tự tối đa (tính bằng mã UTF-16) được phép nhập cho giá trị của phần tử <input>, và số ký tự tối đa được phép để giá trị hợp lệ. Nó phản ánh thuộc tính maxlength của phần tử. -1 nghĩa là không có giới hạn về độ dài của giá trị.
Note:
Trình duyệt thường ngăn người dùng nhập nhiều ký tự hơn thuộc tính maxlength cho phép. Nếu độ dài lớn hơn, phần tử được coi là không hợp lệ và thuộc tính tooLong của đối tượng ValidityState sẽ là true.
Giá trị
Một số đại diện cho maxlength của phần tử nếu có, hoặc -1.
Ví dụ
Cho đoạn HTML sau:
<p>
<label for="password">Mật khẩu của bạn</label>
<input id="password" type="password" minlength="8" maxlength="20" />
</p>
Bạn có thể sử dụng thuộc tính maxLength để lấy ra hoặc đặt giá trị thuộc tính maxlength của <input>:
const inputElement = document.querySelector("#password");
console.log(`maxLength của phần tử: ${inputElement.maxLength}`); // "maxLength của phần tử: 20"
inputElement.maxLength = 18; // cập nhật giá trị thuộc tính maxlength của phần tử
Đặc tả kỹ thuật
| Specification |
|---|
| HTML # dom-input-maxlength |