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

HTML DOM Input Datetime bắt buộc Thuộc tính

Thuộc tính Ngày giờ nhập liệu HTML DOM bắt buộc xác định liệu Ngày giờ nhập liệu có bắt buộc phải đặt hay không.

Cú pháp

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

  • Trả về giá trị boolean - true / false
inputDatetimeObject.required
  • Cài đặt bắt buộc sang booleanValue
inputDatetimeObject.required = booleanValue

Giá trị Boolean

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

booleanValue Chi tiết
true Nó xác định rằng bắt buộc phải đặt trường datetime để gửi biểu mẫu.
false Đây là giá trị mặc định và không bắt buộc phải đặt trường ngày giờ.

Ví dụ

Hãy để chúng tôi xem một ví dụ về Ngày giờ nhập dữ liệu bắt buộc tài sản -

<!DOCTYPE html>
<html>
<head>
<title>Input Datetime required</title>
</head>
<body>
<form>
Final Exam Datetime: <input type="datetime" id="datetimeSelect" value="" required>
</form>
<button onclick="finalizeDatetime()">Confirm Datetime</button>
<div id="divDisplay"></div>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputDatetime = document.getElementById("datetimeSelect");
   divDisplay.textContent = 'Exam Datetime Required: '+inputDatetime.required;
   function finalizeDatetime() {
      if(inputDatetime.value === '')
         divDisplay.textContent += ', Give a valid Exam Datetime. ';
      else
         divDisplay.textContent = 'Final Exam Datetime: '+inputDatetime.value
   }  
</script>
</body>
</html>

Đầu ra

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

Nhấp vào ‘Xác nhận ngày giờ’ nút -

HTML DOM Input Datetime bắt buộc Thuộc tính

Sau khi nhấp vào ‘Xác nhận ngày giờ’ nút có giá trị của trường ngày giờ đã đặt -

HTML DOM Input Datetime bắt buộc Thuộc tính