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

Thuộc tính form của Input Search trong HTML DOM dùng để trả về tham chiếu form chứa trường tìm kiếm. Nếu trường tìm kiếm nằm ngoài form thì trả về NULL. Đây là thuộc tính chỉ đọc.

Cú pháp

Cú pháp cho thuộc tính form của input search:

searchObject.form

Ví dụ

Ví dụ minh họa cho thuộc tính form của Input Search:

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính form của Input Search</h1> 
<form id="FORM_1"> 
    TRÁI CÂY: <input type="search" id="SEARCH1" name="fruits"> 
</form> 
<p>Lấy id form bằng cách nhấn nút dưới đây</p> 
<button type="button" onclick="formId()">LẤY FORM</button> 
<p id="Sample"></p> 
<script> 
    function formId() { 
        var P = document.getElementById("SEARCH1").form.id; 
        document.getElementById("Sample").innerHTML = "ID của form chứa trường tìm kiếm là: " + P; 
    } 
</script> </body> </html>

Kết quả

Khi nhấn nút "LẤY FORM", hiển thị: "ID của form chứa trường tìm kiếm là: FORM_1".

Giải thích ví dụ

Tạo input search với id="SEARCH1", name="fruits" bên trong form có id="FORM_1".

Tạo nút "LẤY FORM" thực thi formId():

<button type="button" onclick="formId()">LẤY FORM</button>

Hàm formId() lấy input search, truy cập .form.id để lấy ID form chứa nó, hiển thị kết quả:

function formId() { 
    var P = document.getElementById("SEARCH1").form.id; 
    document.getElementById("Sample").innerHTML = "ID của form chứa trường tìm kiếm là: " + P; 
}