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

Thuộc tính form của HTML DOM Input Reset được dùng để trả về tham chiếu form chứa nút reset cho trước. Nếu nút reset nằm bên ngoài form thì trả về NULL. Thuộc tính này chỉ đọc (read-only).

Cú pháp

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

resetObject.form

Ví dụ

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

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính form của Input Reset</h1> 
<form id="FORM_1" style="border:solid 2px green;padding:2px"> 
    Tên người dùng: <input type="text" id="USR"> <br> 
    Vị trí: <input type="text" id="Age"> <br><br> 
    <input type="reset" id="RESET1"> 
</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("RESET1").form.id; 
        document.getElementById("Sample").innerHTML = "Id của form chứa nút reset là: "+P ; 
    } 
</script> </body> </html>

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

Khi nhấn nút LẤY FORM:

Trong ví dụ trên:

Chúng ta tạo phần tử <input> với type="reset", id="RESET1". Nhấn nút này sẽ reset dữ liệu form. Nút nằm trong form chứa hai trường text và form có style inline:

<form style="border:solid 2px green;padding:2px"> Tên người dùng: <input type="text" id="USR"> <br> Vị trí: <input type="text" id="Age"> <br><br> <input type="reset" id="RESET1"> </form>

Tạo nút LẤY FORM thực thi phương thức formId() khi được nhấn:

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

Phương thức formId() dùng getElementById() lấy trường reset và lấy thuộc tính id của đối tượng form chứa nút reset. Gán cho biến P và hiển thị trong đoạn văn id="Sample":

function formId() { 
    var P=document.getElementById("RESET1").form.id; 
    document.getElementById("Sample").innerHTML = "Id của form chứa nút reset là: "+P ; 
}