Computer >> Máy Tính >  >> Lập trình >> HTML

Thuộc tính màu đầu vào HTML DOM bị vô hiệu hóa

Thuộc tính Màu đầu vào HTML DOM bị vô hiệu hóa đặt / trả về liệu Màu đầu vào được bật hay tắt.

Cú pháp

Sau đây là cú pháp -

  • Trả về giá trị boolean - true / false
inputColorObject.disabled
  • Cài đặt bị tắt sang booleanValue
inputColorObject.disabled = booleanValue

Giá trị Boolean

Đây, “booleanValue” có thể như sau -

booleanValue Chi tiết
true Nó xác định rằng màu đầu vào bị tắt.
sai Nó xác định rằng màu đầu vào không bị tắt và nó cũng là giá trị mặc định.

Ví dụ

Hãy để chúng tôi xem ví dụ về Màu đầu vào bị tắt tài sản -

<!DOCTYPE html>
<html>
<head>
<title>Input Color Disabled</title>
</head>
<body>
<form>
Color Picker: <input type="color" id="Color" disabled>
</form>
<button onclick="enableColorInput()">Enable Color Input</button>
<div id="divDisplay"></div>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputColor = document.getElementById("Color");
   divDisplay.textContent = 'Color Input disabled: '+inputColor.disabled;
   function enableColorInput() {
      inputColor.disabled = false;
      divDisplay.textContent = 'Color Input disabled: '+inputColor.disabled;
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Trước khi nhấp vào ‘Bật tính năng nhập màu’ nút -

Thuộc tính màu đầu vào HTML DOM bị vô hiệu hóa

Sau khi nhấp vào ‘Bật tính năng nhập màu’ nút -

Thuộc tính màu đầu vào HTML DOM bị vô hiệu hóa