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

HTML DOM Legend form Thuộc tính

Thuộc tính biểu mẫu Chú giải DOM HTML trả về tham chiếu của biểu mẫu kèm theo cho thẻ Chú giải.

Cú pháp

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

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

legendObject.form

Ví dụ

Hãy để chúng tôi xem một ví dụ cho Dạng chú giải tài sản -

<!DOCTYPE html>
<html>
<head>
<title>Legend 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="Mid-Term">
<fieldset>
<legend id="legendForm">Legend-form</legend>
<label for="WeekSelect">Examination Week:
<input type="week" value="2019-W36">
</label>
<input type="button" onclick="showExamination()" value="What exams are in this week? ">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var legendForm = document.getElementById("legendForm");
   function showExamination() {
      divDisplay.textContent = 'Examinations: '+legendForm.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 ‘Những kỳ thi nào trong tuần này?’ nút -

HTML DOM Legend form Thuộc tính

Sau khi kiểm tra ‘Các bài kiểm tra trong tuần này là gì?’ nút -

HTML DOM Legend form Thuộc tính