คุณสมบัติ formTarget ของ HTML DOM Input Submit ใช้สำหรับตั้งค่าหรือส่งคืนค่าแอตทริบิวต์ formTarget ของปุ่ม submit คุณสมบัติ formTarget ของ HTML DOM Input Submit คือที่ที่ควรแสดงการตอบกลับจากเซิร์ฟเวอร์หลังจากส่งข้อมูลฟอร์ม คุณสมบัติ formTarget จะลบล้างคุณสมบัติ target ขององค์ประกอบ form ถูกนำมาใช้ใน HTML5 สำหรับองค์ประกอบ input ที่มี type submit
ไวยากรณ์
ไวยากรณ์สำหรับการตั้งค่าคุณสมบัติ formTarget:
submitObject.formTarget = "_blank|_self|_parent|_top|framename"
ที่นี่ _blank จะเปิดการตอบกลับในหน้าต่างใหม่ _self จะเปิดในหน้าต่างเดียวกัน parent จะเปิดในเฟรมพาเรนต์ _top จะเปิดในหน้าต่างเต็มและ framename จะเปิดในเฟรมที่ระบุชื่อ
ตัวอย่าง
มาดูตัวอย่างสำหรับคุณสมบัติ formTarget ของ Submit:
<!DOCTYPE html> <html> <body> <h1>Submit formTarget property</h1> <form id="FORM_1" action="/Sample.php" style="border:solid 2px green;padding:2px"> UserName: <input type="text" id="USR"> <br> Location: <input type="text" id="Loc"> <br><br> <input type="submit" id="SUBMIT1" formtarget=_self> </form> <p>ดูการตอบกลับของฟอร์มในหน้าต่างใหม่แทนหน้าต่างเดิมโดยคลิกปุ่มด้านล่าง</p> <button onclick="changeTarget()">CHANGE</button> <p id="Sample"></p> <script> function changeTarget() { document.getElementById("SUBMIT1").formTarget="_blank"; document.getElementById("Sample").innerHTML = "The response will now open in the new window"; } </script> </body> </html>
ผลลัพธ์
จะได้ผลลัพธ์ดังนี้:
เมื่อคลิกปุ่ม CHANGE:
