Thuộc tính biểu mẫu ẩn đầu vào HTML DOM trả về tham chiếu của biểu mẫu có chứa trường nhập ẩn 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 ẩn đầ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;
}
.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>
Here is hidden input field: <input type="hidden" class="hiddenField">
</fieldset>
</form>
<button onclick="identify()">Identify Hidden Input Field</button>
<p class="show"></p>
<script>
function identify() {
var formId = document.querySelector(".hiddenField").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 -
Nhấp vào “ Xác định trường nhập ẩn ”Để xác định biểu mẫu chứa trường nhập ẩn.
