Thuộc tính form của Select trong HTML DOM

Thuộc tính form của HTML DOM Select trả về tham chiếu của form chứa danh sách thả xuống.

Cú pháp

Cú pháp như sau:

object.form

Ví dụ

Dưới đây là ví dụ về thuộc tính form của HTML DOM Select:

<!DOCTYPE html> <html> <head> <style>    body{       text-align:center;       background-color:#363946;       color:#fff;    }    form{       margin:2.5rem auto;       border:1px solid #fff;       padding:2rem;    }    .drop-down{       display:block;       width:35%;       border:2px solid #fff;       font-weight:bold;       padding:2px;       margin:1rem auto;       outline:none;    }    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>Demo thuộc tính form</h1> <form id="Form 1"> <legend style="font-weight:bold;">Form 1</legend> <p>Chào bạn, hãy chọn môn học yêu thích:</p> <select class='drop-down' name="Drop Down List"> <option>Vật lý</option> <option>Toán học</option> <option>Hóa học</option> <option>Tiếng Anh</option> <option>Kinh tế</option> <option>Tiếng Hindi</option> <option>Sinh học</option> </select> </form> <button onclick="identify()">Xác định form của dropdown</button> <p class="show"></p> <script>    function identify() {       var formId = document.querySelector(".drop-down").form.id;       document.querySelector(".show").innerHTML = "Chào! Tôi đến từ " + formId;    } </script> </body> </html>

Kết quả

Đoạn mã trên sẽ cho kết quả như sau:

Nhấn vào nút 「Xác định form của dropdown」 để xác định form tham chiếu đến danh sách thả xuống: