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

Thuộc tính biểu mẫu thời gian nhập DOM HTML

Thuộc tính biểu mẫu Thời gian nhập DOM HTML trả về tham chiếu của biểu mẫu kèm theo cho Thời gian nhập.

Cú pháp

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

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

inputTimeObject.form

Ví dụ

Hãy để chúng tôi xem ví dụ về biểu mẫu Thời gian nhập liệu tài sản -

<!DOCTYPE html>
<html>
<head>
<title>Input Time 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="Physics">
<fieldset>
<legend>Time-form</legend>
<label for="TimeSelect">Examination Time :
<input type="time" id="TimeSelect" value="14:00" disabled>
</label>
<input type="button" onclick="getform()" value="Which Exam?">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputTime = document.getElementById("TimeSelect");
   function getform() {
      divDisplay.textContent = inputTime.form.id+' exam starts from '+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 ‘Bài kiểm tra nào?’ nút -

Thuộc tính biểu mẫu thời gian nhập DOM HTML

Sau khi kiểm tra ‘Bài kiểm tra nào?’ nút -

Thuộc tính biểu mẫu thời gian nhập DOM HTML