Thuộc tính formTarget của Input Submit trong HTML DOM

Thuộc tính formTarget của Input Submit trong HTML DOM dùng để thiết lập hoặc trả về giá trị thuộc tính formtarget của nút submit. Thuộc tính này chỉ định nơi hiển thị phản hồi từ server sau khi submit form. Giá trị formTarget ghi đè thuộc tính target của form. Giới thiệu trong HTML5 cho input type submit.

Cú pháp

Cú pháp để thiết lập thuộc tính formTarget:

submitObject.formTarget = "_blank|_self|_parent|_top|framename"

• _blank: Mở phản hồi trong cửa sổ mới
• _self: Mở trong cùng cửa sổ (mặc định)
• _parent: Mở trong frame cha
• _top: Mở trong toàn bộ body cửa sổ
• framename: Mở trong frame có tên cụ thể

Ví dụ

Ví dụ minh họa cho thuộc tính formTarget:

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính formTarget của Submit</h1> 
<form id="FORM_1" action="/Sample.php" 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="Loc"> <br><br> 
    <input type="submit" id="SUBMIT1" formtarget="_self"> 
</form> 
<p>Xem phản hồi form trong cửa sổ mới thay vì cùng cửa sổ bằng cách nhấn nút dưới đây</p> 
<button onclick="changeTarget()">THAY ĐỔI</button> 
<p id="Sample"></p> 
<script> 
    function changeTarget() { 
        document.getElementById("SUBMIT1").formTarget = "_blank"; 
        document.getElementById("Sample").innerHTML = "Phản hồi sẽ mở trong cửa sổ mới"; 
    } 
</script> </body> </html>

Kết quả

Khi nhấn nút "THAY ĐỔI", formTarget chuyển từ "_self" sang "_blank", phản hồi sẽ mở cửa sổ mới.