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

Thuộc tính size của Input Search trong HTML DOM dùng để thiết lập hoặc trả về giá trị thuộc tính size của trường tìm kiếm. Dùng để định nghĩa chiều rộng trường tìm kiếm theo số ký tự. Chiều rộng mặc định là 20 ký tự.

Cú pháp

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

searchObject.size = number

Trong đó, number biểu thị chiều rộng trường tìm kiếm theo ký tự. Mặc định 20 ký tự.

Ví dụ

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

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính size của Input Search</h1> 
<form> 
    TRÁI CÂY: <input type="search" id="SEARCH1" name="fruits"> 
</form> 
<p>Thay đổi chiều rộng trường tìm kiếm bằng cách nhấn nút dưới đây</p> 
<button onclick="changeSize()">THAY ĐỔI</button> 
<p id="Sample"> 
<script> 
    function changeSize() { 
        document.getElementById("SEARCH1").size += 20; 
        var s = document.getElementById("SEARCH1").size; 
        document.getElementById("Sample").innerHTML = "Chiều rộng trường tìm kiếm bây giờ là " + s; 
    } 
</script> </body> </html>

Kết quả

Khi nhấn nút "THAY ĐỔI", size tăng thêm 20 (từ 20 mặc định thành 40).