Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

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

Thuộc tính maxLength của Input Text trong HTML DOM dùng để thiết lập hoặc trả về thuộc tính maxlength của trường văn bản. maxLength chỉ định số ký tự tối đa có thể gõ trong trường văn bản.

Cú pháp

Cú pháp để thiết lập thuộc tính maxLength:

textObject.maxLength = integer

Ví dụ

Ví dụ minh họa cho thuộc tính maxLength:

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính maxLength của Input Text</h1> 
TÊN ĐĂNG NHẬP: <input type="text" id="USR" maxLength="5"> 
<p>Tăng số ký tự tối đa cho trường trên bằng cách nhấn nút dưới đây</p> 
<button onclick="changeMax()">THAY ĐỔI ĐỘ DÀI</button> 
<p id="Sample"></p> 
<script> 
    function changeMax() { 
        document.getElementById("USR").maxLength = "15"; 
        document.getElementById("Sample").innerHTML = "Số ký tự tối đa đã tăng lên 15"; 
    } 
</script> </body> </html>

Kết quả

Khi nhấn nút "THAY ĐỔI ĐỘ DÀI", maxlength tăng từ 5 lên 15.