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

HTML DOM Input Date readOnly Thuộc tính

Thuộc tính Ngày nhập DOM HTML readOnly đặt / trả về liệu Ngày nhập liệu có thể được sửa đổi hay không.

Cú pháp

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

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

Giá trị Boolean

Ở đây, “booleanValue” có thể là như sau -

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

Ví dụ

Hãy để chúng tôi xem ví dụ về Ngày nhập liệu chỉ đọc tài sản -

<!DOCTYPE html>
<html>
<head>
<title>Input Date readOnly</title>
</head>
<body>
<form>
Final Exam Date: <input type="date" id="dateSelect">
</form>
<button onclick="finalizeDate()">Confirm Date</button>
<div id="divDisplay"></div>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputDate = document.getElementById("dateSelect");
   divDisplay.textContent = 'Exam Date Finalized: '+inputDate.readOnly;
   function finalizeDate() {
      inputDate.readOnly = true;
      divDisplay.textContent = 'Exam Date: '+inputDate.value;
   }
</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 ngày’ nút -

HTML DOM Input Date readOnly Thuộc tính

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

HTML DOM Input Date readOnly Thuộc tính