Thuộc tính maxLength của văn bản đầu vào HTML DOM được sử dụng để thiết lập hoặc trả về thuộc tính maxlength của trường văn bản đầu vào. Thuộc tính maxLength chỉ định số ký tự tối đa bạn có thể nhập vào một trường văn bản.
Cú pháp
Sau đây là cú pháp cho -
Đặt thuộc tính maxLength -
textObject.maxLength = integer
Ở đây, số nguyên chỉ định số ký tự tối đa có thể được nhập vào trường văn bản.
Ví dụ
Chúng ta hãy xem một ví dụ cho thuộc tính maxLength -
<!DOCTYPE html>
<html>
<body>
<h1>Input Text maxLength Property</h1>
USERNAME: <input type="text" id="USR" maxLength="5">
<p>Increase the maximum number of characters to be entered for the above field by clicking below button</p>
<button onclick="changeMax()">CHANGE LENGTH</button>
<p id="Sample"></p>
<script>
function changeMax() {
document.getElementById("USR").maxLength = "15";
document.getElementById("Sample").innerHTML = "Maximum number of characters are now increased to 15";
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau. Chỉ cho phép 5 ký tự vì chúng tôi đã đặt maxLength 5 -
Khi nhấp vào nút THAY ĐỔI CHIỀU DÀI -
