Thuộc tính readOnly của Tìm kiếm đầu vào HTML DOM được sử dụng để thiết lập hoặc trả lại nếu trường tìm kiếm đầu vào là 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 nó vẫn có thể được lấy tiêu điểm theo tab hoặc nhấp chuột. Nếu có giá trị mặc định bên trong phần tử chỉ đọc thì nó sẽ được gửi đến máy chủ khi gửi.
Cú pháp
Sau đây là cú pháp cho -
Đặt thuộc tính readOnly -
searchObject.readOnly = true|false
Ở đây, true đại diện cho trường tìm kiếm chỉ được đọc trong khi false đại diện cho trường hợp khác. Thuộc tính readOnly được đặt thành false theo mặc định.
Ví dụ
Hãy để chúng tôi xem xét một ví dụ cho thuộc tính Search readOnly -
<!DOCTYPE html>
<html>
<body>
<h1>Search readOnly property</h1>
<form>
FRUITS: <input type="search" id="SEARCH1" name="fruits">
</form>
<p>Change the readOnly property of the above field by clicking the below button</p>
<button onclick="changeRead()">CHANGE</button>
<script>
function changeRead() {
document.getElementById("PASS1").readOnly = true;
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhấp vào nút THAY ĐỔI -
