HTML DOM Input Form Thuộc tính tháng

Thuộc tính biểu mẫu tháng đầu vào HTML DOM trả về tham chiếu của biểu mẫu có chứa trường đầu vào tháng trong tài liệu HTML.

Cú pháp

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

object.form

Ví dụ

Hãy để chúng tôi xem một ví dụ về thuộc tính biểu mẫu đầu vào HTML DOM -

<!DOCTYPE html>
<html>
<head>
<style>

   body{
      text-align:center;
      background-color:#363946;
      color:#fff;
   }

   form{
      margin:2.5rem auto;
   }

   button{
      background-color:#db133a;
      border:none;
      cursor:pointer;
      padding:8px 16px;
      color:#fff;
      border-radius:5px;
      font-size:1.05rem;
      outline:none;
   }

   .show{
      font-weight:bold;
      font-size:1.4rem;
   }
</style>
</head>
<body>
<h1>form Property Demo</h1>
<form id="Form 1">
<fieldset>
<legend>Form 1</legend>
<input type="month" class="monthInput">
</fieldset>
</form>
<button onclick="identify()">Identify Month Input Field</button>
<p class="show"></p>
<script>
   function identify() {
      var formId = document.querySelector(".monthInput").form.id;
      document.querySelector(".show").innerHTML = "Hi! I'm from " + formId;
   }
</script>
</body>
</html>

Đầu ra

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

HTML DOM Input Form Thuộc tính tháng

Nhấp vào nút “Xác định trường nhập tháng” để nhận biểu mẫu có chứa trường nhập tháng.

HTML DOM Input Form Thuộc tính tháng