Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Thuộc tính HTML DOM Fieldset form

Thuộc tính form của Fieldset trả về tham chiếu đến đối tượng form chứa fieldset đó (kiểu form object). Chỉ áp dụng cho phần tử <fieldset> nằm bên trong form. Thuộc tính chỉ đọc (read-only). Trả về null nếu fieldset không nằm trong form nào.

Cú pháp

fieldsetObject.form

Ví dụ

Ví dụ lấy ID của form chứa fieldset:

<!DOCTYPE html>
<html>
<head>
<script>
  function getFormId() {
    var formId = document.getElementById("FieldSet1").form.id;
    document.getElementById("Sample").innerHTML = "ID của form chứa fieldset là: " + formId;
  }
</script>
</head>
<body>
<h1>Form mẫu</h1>
<form id="FORM1">
  <fieldset id="FieldSet1">
    <legend>Thông tin người dùng:</legend>
    Tên: <input type="text"><br>
    Địa chỉ: <input type="text"><br>
    Tuổi: <input type="text">
  </fieldset>
</form>
<br>
<button onclick="getFormId()">LẤY ID FORM</button>
<p id="Sample"></p>
</body>
</html>

Kết quả

Sau khi nhấn nút "LẤY ID FORM", hiển thị: "ID của form chứa fieldset là: FORM1".

Giải thích

  • Form có id="FORM1" chứa fieldset id="FieldSet1" với các trường nhập liệu.
  • Nút "LẤY ID FORM" gọi hàm getFormId().
  • Hàm lấy fieldset qua ID, truy xuất .form.id để lấy ID form cha.
  • Hiển thị kết quả.