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

Thuộc tính HTML DOM Input Password form

Thuộc tính form của Input Password trả về tham chiếu đến đối tượng form chứa trường mật khẩu đó. Nếu trường nằm ngoài form, trả về null. Đây là thuộc tính chỉ đọc (read-only).

Cú pháp

passwordObject.form

Ví dụ

Ví dụ lấy ID của form chứa trường mật khẩu:

<!DOCTYPE html>
<html>
<body>
<h1>Thuộc tính Input Password form</h1>
<form id="NEW_FORM">
  Mật khẩu: <input type="password" id="PASS">
</form>
<p>Nhấn nút để lấy ID form chứa trường mật khẩu</p>
<button onclick="getFormId()">LẤY FORM</button>
<p id="Sample"></p>
<script>
  function getFormId() {
    var formId = document.getElementById("PASS").form.id;
    document.getElementById("Sample").innerHTML = "ID của form chứa trường mật khẩu là: " + formId;
  }
</script>
</body>
</html>

Kết quả

Sau khi nhấn nút "LẤY FORM", hiển thị: "ID của form chứa trường mật khẩu là: NEW_FORM".

Giải thích

  • Trường mật khẩu id="PASS" nằm trong form id="NEW_FORM".
  • Nút "LẤY FORM" gọi hàm getFormId().
  • Hàm lấy trường qua ID, truy xuất .form.id lấy ID form cha.
  • Hiển thị kết quả.