HTML DOM Input Number form Thuộc tính thuộc tính

Thuộc tính biểu mẫu số đầu vào HTML DOM trả về tham chiếu của biểu mẫu có chứa trường nhập số 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 số đầu vào HTML DOM -

<!DOCTYPE html>
<html>
<head>
<style>
   body{
      text-align:center;
      background-color:#1b203a;
      color:#fff;
   }
   form{
      margin:2.5rem auto;
      border:1px solid #fff;
      padding:2rem;
   }
   button{
      background-color:#db133a;
      border:none;
      cursor:pointer;
      padding:8px 16px;
      color:#fff;
      border-radius:5px;
      font-size:1.05rem;
      outline:none;
   }
   input{
      border:none;
      background-color:#ffffff4a;
      height:1.2rem;
      padding:8px;
      color:#fff;
      font-weight:bold;
      font-size:1rem;
   }
   .show{
      font-weight:bold;
      font-size:1.4rem;
   }
</style>
</head>
<body>
<h1>form Property Demo</h1>
<form id="Form 1">
<legend>Form 1</legend>
<input type="number" class="numberInput" value="12345300">
</form>
<button onclick="identify()">Identify Number Input Field</button>
<p class="show"></p>
<script>
   function identify() {
      var formId = document.querySelector(".numberInput").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 Number form Thuộc tính thuộc tính

Nhấp vào “ Xác định trường nhập số ”Để xác định biểu mẫu có chứa trường số đầu vào.

HTML DOM Input Number form Thuộc tính thuộc tính