Thuộc tính vô hiệu hóa Văn bản nhập DOM DOM được sử dụng để thiết lập hoặc trả lại nếu trường văn bản có nên bị vô hiệu hóa hay không. Nó sử dụng các giá trị boolean với true đại diện cho phần tử nên bị vô hiệu hóa và ngược lại là false. Thuộc tính bị vô hiệu hóa được đặt thành false theo mặc định. Phần tử bị vô hiệu hóa có màu xám theo mặc định và không thể nhấp vào được.
Cú pháp
Sau đây là cú pháp cho -
Đặt thuộc tính bị vô hiệu hóa -
textObject.disabled = true|false;
Ở đây, true =trường văn bản bị vô hiệu hóa và false =trường văn bản không bị tắt. Nó là sai theo mặc định.
Ví dụ
Chúng ta hãy xem một ví dụ về thuộc tính Tắt Văn bản Nhập -
<!DOCTYPE html>
<html>
<body>
<h1>Input Text disabled Property</h1>
USERNAME: <input type="text" id="TEXT1" autofocus>
<p>Disable the above text field by clicking on the DISABLE button</p>
<button type="button" onclick="disableText()">DISABLE</button>
<p id="Sample"></p>
<script>
function disableText() {
document.getElementById("TEXT1").disabled=true;
document.getElementById("Sample").innerHTML = "The text field is now disabled" ;
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhấp vào nút BẬT, trường văn bản sẽ bị tắt -
