Thuộc tính Văn bản đầu vào HTML readOnly được sử dụng để thiết lập hoặc trả về nếu trường văn bản đầ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 -
textObject.readOnly = true|false
Ở đây, trường văn bản thực sự biểu thị là trường chỉ đọc trong khi trường sai biểu thị ngược lại. Thuộc tính readOnly được đặt thành false theo mặc định.
Ví dụ
Chúng ta hãy xem một ví dụ cho thuộc tính readOnly của Văn bản nhập -
<!DOCTYPE html>
<html>
<body>
<h1>Input Text readOnly property</h1>
USERNAME: <input type="text" id="USR" >
<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("USR").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, bạn không thể thay đổi văn bản ngay bây giờ và văn bản sẽ được gửi đến máy chủ khi gửi -
