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

Thuộc tính readOnly của Input Search trong HTML DOM dùng để thiết lập hoặc trả về xem trường tìm kiếm có chỉ đọc hay không. Thuộc tính readOnly làm cho phần tử không thể chỉnh sửa nhưng vẫn có thể focus bằng tab hoặc click. Nếu có giá trị mặc định trong phần tử chỉ đọc thì nó sẽ được gửi lên server khi submit.

Cú pháp

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

searchObject.readOnly = true|false

Trong đó, true biểu thị trường tìm kiếm chỉ đọc, false ngược lại. Mặc định readOnly là false.

Ví dụ

Ví dụ minh họa cho thuộc tính readOnly của Search:

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính readOnly của Search</h1> 
<form> 
    TRÁI CÂY: <input type="search" id="SEARCH1" name="fruits"> 
</form> 
<p>Thay đổi thuộc tính readOnly của trường trên bằng cách nhấn nút dưới đây</p> 
<button onclick="changeRead()">THAY ĐỔI</button> 
<script> 
    function changeRead() { 
        document.getElementById("SEARCH1").readOnly = true; 
    } 
</script> </body> </html>

Kết quả

Khi nhấn nút "THAY ĐỔI", trường tìm kiếm trở thành chỉ đọc, không thể chỉnh sửa nội dung.