Thuộc tính vô hiệu hóa nút đầu vào HTML DOM trả về và thay đổi giá trị của thuộc tính bị vô hiệu hóa của nút đầu vào trong HTML.
Cú pháp
Sau đây là cú pháp -
1. Trả lại tên
object.disabled
2. Sửa đổi tên
object.disabled = true|false
Ví dụ
Hãy để chúng tôi xem một ví dụ về tài sản bị vô hiệu hóa -
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM disabled Property</title>
<style>
body{
text-align:center;
}
.btn{
display:block;
margin:1rem auto;
background-color:#db133a;
color:#fff;
border:1px solid #db133a;
padding:0.5rem;
border-radius:50px;
width:80%;
}
.show-message{
font-weight:bold;
font-size:1.4rem;
color:#ffc107;
}
</style>
</head>
<body>
<h1>disabled Property Example</h1>
<input type="button" onclick="disableMe()" class="btn" value="Click me to Disable me">
<div class="show-message"></div>
<script>
function disableMe() {
var btn= document.querySelector(".btn");
btn.disabled = true;
document.querySelector(".show-message").innerHTML="Previously I'm enabled but now I'm disabled";
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Bây giờ, hãy nhấp vào nút “Nhấp vào tôi để vô hiệu hóa tôi” để tắt nút màu đỏ.
