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

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

Cú pháp

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

searchObject.maxLength = integer

Trong đó, integer chỉ định số ký tự tối đa cho trường tìm kiếm. Giá trị mặc định là 524288.

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 Search</h1> 
<form> 
    TRÁI CÂY: <input type="search" id="SEARCH1" name="fruits" maxlength="5"> 
</form> 
<p>Tăng số ký tự tối đa cho trường tìm kiếm 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("SEARCH1").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, cho phép nhập nhiều ký tự hơn.

Giải thích ví dụ

Tạo input search với maxlength="5" giới hạn 5 ký tự. Tạo nút "THAY ĐỔI ĐỘ DÀI" thực thi changeMax():

<button onclick="changeMax()">THAY ĐỔI ĐỘ DÀI</button>

Hàm changeMax() thiết lập maxLength thành 15 và hiển thị thông báo:

function changeMax() { 
    document.getElementById("SEARCH1").maxLength = "15"; 
    document.getElementById("Sample").innerHTML = "Số ký tự tối đa đã tăng lên 15"; 
}