HTML DOM Input Week readOnly Thuộc tính

Thuộc tính readOnly của HTML DOM Input Week đặt / trả về liệu có thể sửa đổi Input Week hay không.

Cú pháp

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

Trả về giá trị boolean - true / false

inputWeekObject.readOnly

Cài đặt readOnly sang booleanValue

inputWeekObject.readOnly = booleanValue

Giá trị Boolean

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

booleanValue	Chi tiết
true	Nó xác định rằng trường đầu vào tuần là readOnly.
false	Nó xác định rằng trường đầu vào tuần không phải là readOnly và có thể được sửa đổi.

Ví dụ

Hãy để chúng tôi xem một ví dụ cho Chỉ đọc Tuần đầu vào tài sản -

<!DOCTYPE html>
<html>
<head>
<title>Input Week readOnly</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-readOnly</legend>
<label for="WeekSelect">Examination Week:
<input type="week" id="WeekSelect" value="2019-W36">
</label>
<input type="button" onclick="confirmWeek()" value="Confirm Week">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputWeek = document.getElementById("WeekSelect");
   divDisplay.textContent = 'Week Confirmed: '+inputWeek.readOnly;
   function confirmWeek() {
      inputWeek.readOnly = true;
      divDisplay.textContent = 'Week Confirmed: '+inputWeek.readOnly;
   }
</script>
</body>
</html>

Đầu ra

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

Trước khi nhấp vào ‘Xác nhận tuần’ nút -

HTML DOM Input Week readOnly Thuộc tính

Sau khi nhấp vào ‘Xác nhận tuần’ nút -

HTML DOM Input Week readOnly Thuộc tính