HTML DOM Input DatetimeLocal readOnly Thuộc tính

Thuộc tính HTML DOM Input DatetimeLocal readOnly đặt / trả về liệu Input DatetimeLocal 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

inputDatetimeLocalObject.readOnly

Cài đặt readOnly sang booleanValue

inputDatetimeLocalObject.readOnly = booleanValue

Giá trị Boolean

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

booleanValue	Chi tiết
true	Nó xác định rằng trường datetimeLocal đầu vào là readOnly.
sai	Nó xác định rằng trường datetimeLocal đầ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ề Input DatetimeLocal readOnly tài sản -

<!DOCTYPE html>
<html>
<head>
<title>Input DatetimeLocal 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>Datetime-Local-readOnly</legend>
<label for="datetimeLocalSelect">Examination Slot :
<input type="datetime-local" id="datetimeLocalSelect" value="2019-05-23T12:45">
</label>
<input type="button" onclick="confirmSlotBooking()" value="Confirm Slot">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputDatetimeLocal = document.getElementById("datetimeLocalSelect");
   divDisplay.textContent = 'Slot Confirmed: '+inputDatetimeLocal.readOnly;
   function confirmSlotBooking() {
      inputDatetimeLocal.readOnly = true;
      divDisplay.textContent = 'Slot Confirmed: '+inputDatetimeLocal.readOnly+', Your Slot: '+inputDatetimeLocal.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 vị trí’ nút -

HTML DOM Input DatetimeLocal readOnly Thuộc tính

Sau khi nhấp vào ‘Xác nhận vị trí’ nút -

HTML DOM Input DatetimeLocal readOnly Thuộc tính