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

HTML DOM Input DatetimeLocal form Thuộc tính

Thuộc tính biểu mẫu DatetimeLocal đầu vào HTML DOM trả về tham chiếu của biểu mẫu bao gồm cho DatetimeLocal đầu vào.

Cú pháp

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

Quay lại tham chiếu về biểu mẫu đối tượng

inputDatetimeLocalObject.form

Ví dụ

Hãy để chúng tôi xem một ví dụ về Nhập biểu mẫu DatetimeLocal tài sản -

<!DOCTYPE html>
<html>
<head>
<title>Input DatetimeLocal form</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 id="Mathematics">
<fieldset>
<legend>Datetime-Local-form</legend>
<label for="datetimeLocalSelect">Examination Time:
<input type="datetime-local" id="datetimeLocalSelect" value="2019-09-01T09:00">
</label>
<input type="button" onclick="showExamination()" value="Which exam is on this date? ">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputDatetimeLocal = document.getElementById("datetimeLocalSelect");
   function showExamination() {
      divDisplay.textContent = 'Exam: '+inputDatetimeLocal.form.id;
   }
</script>
</body>
</html>

Đầu ra

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

Trước khi nhấp vào ‘Kỳ thi vào ngày này?’ nút -

HTML DOM Input DatetimeLocal form Thuộc tính

Sau khi chọn ‘Kỳ thi vào ngày này?’ nút -

HTML DOM Input DatetimeLocal form Thuộc tính