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

Thuộc tính tuần nhập HTML DOM đã bị vô hiệu hóa

Thuộc tính vô hiệu Tuần nhập liệu đặt / trả về liệu Tuần nhập liệu được bật hay tắt.

Cú pháp

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

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

Giá trị Boolean

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

booleanValue
Chi tiết
Đúng
Nó xác định rằng tuần đầu vào bị vô hiệu hóa.
Sai
Nó xác định rằng tuần đầu vào không bị vô hiệu hóa và nó cũng là giá trị mặc định.

Ví dụ

Hãy để chúng tôi xem một ví dụ về Tuần nhập liệu bị vô hiệu hóa tài sản -

<!DOCTYPE html>
<html>
<head>
<title>Input Week Disabled</title>
<style>
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   * {
      padding: 2px;
      margin:5px;
   }
   input[type="button"] {
      border-radius: 10px;
   }
</style>
</head>
<body>
<form>
<fieldset>
<legend>Week-disabled</legend>
<label for="WeekSelect">Sales Target Week:
<input type="week" id="WeekSelect" value="2020-W13" disabled>
</label>
<input type="button" onclick="enableWeekInput()" value="Change Sales Target Week">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputWeek = document.getElementById("WeekSelect");
   divDisplay.textContent = 'Week Input disabled: '+inputWeek.disabled;
   function enableWeekInput() {
      inputWeek.disabled = false;
      divDisplay.textContent = 'Week Input disabled: '+inputWeek.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 ‘Thay đổi Tuần Mục tiêu Bán hàng’ nút -

Thuộc tính tuần nhập HTML DOM đã bị vô hiệu hóa

Sau khi nhấp vào ‘Thay đổi Tuần Mục tiêu Bán hàng’ nút -

Thuộc tính tuần nhập HTML DOM đã bị vô hiệu hóa