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

Thời gian đầu vào HTML DOM Chỉ đọc Thuộc tính

Thuộc tính Thời gian nhập DOM HTML readOnly đặt / trả về liệu Thời gian 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
inputTimeObject.readOnly
  • Cài đặt readOnly sang booleanValue
inputTimeObject.readOnly = booleanValue

Giá trị Boolean

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

booleanValue Chi tiết
true Nó xác định rằng trường thời gian đầu vào là readOnly.
sai Nó xác định rằng trường thời gian đầ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ề Chỉ đọc Thời gian nhập liệu tài sản -

<!DOCTYPE html>
<html>
<head>
<title>Input Time 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>Time-readOnly</legend>
<label for="TimeSelect">Appointment with Supervisor:</label>
<input type="time" id="TimeSelect" value="12:45" readOnly>
<input type="button" onclick="changeMeeting()" value="Edit Time">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputTime = document.getElementById("TimeSelect");
   function changeMeeting() {
      if(inputTime.readOnly === true)
         divDisplay.textContent = 'The meeting time cannot be altered';
      else
         divDisplay.textContent = 'The meeting time fixed at: '+inputTime.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 ‘Chỉnh sửa thời gian’ nút -

Thời gian đầu vào HTML DOM Chỉ đọc Thuộc tính

Sau khi nhấp vào ‘Chỉnh sửa thời gian’ nút -

Thời gian đầu vào HTML DOM Chỉ đọc Thuộc tính