Thuộc tính HTML DOM Textarea readOnly trả về và sửa đổi xem nội dung của phần tử vùng văn bản trong tài liệu HTML chỉ nên đọc hay không.
Cú pháp
Sau đây là cú pháp -
1. Trả lại readOnly
object.readOnly
2. Thêm readOnly
object.readOnly = true | false
Hãy để chúng tôi xem một ví dụ về Thuộc tính HTML DOM Textarea readOnly -
Ví dụ
<!DOCTYPE html>
<html>
<style>
body {
color: #000;
background: lightseagreen;
height: 100vh;
}
.btn {
background: #db133a;
border: none;
height: 2rem;
border-radius: 2px;
width: 40%;
display: block;
color: #fff;
outline: none;
cursor: pointer;
}
</style>
<body>
<h1>DOM Textarea readOnly Property Demo</h1>
<textarea rows="5" cols='20' name="I'm name attribute of textarea element">
Hi! I'm a text area element with some dummy text.
</textarea>
<button onclick="set()" class="btn">Toggle Read Only</button>
<script>
function set() {
var ta = document.querySelector("textarea");
if (ta.readOnly === true) {
ta.readOnly = false;
} else {
ta.readOnly = true;
}
}
</script>
</body>
</html> Đầu ra
Nhấp vào “ Chuyển đổi Chỉ đọc ”Để chuyển đổi giá trị của thuộc tính readOnly của phần tử textarea.
