คุณสมบัติ HTML DOM Input Submit formTarget ใช้สำหรับการตั้งค่าหรือส่งคืนค่าแอตทริบิวต์ formTarget ของปุ่มส่ง คุณสมบัติ HTML DOM Input Submit formTarget คือตำแหน่งที่การตอบสนองจากเซิร์ฟเวอร์ควรแสดงหลังจากส่งข้อมูลในแบบฟอร์ม คุณสมบัติ formTarget จะแทนที่คุณสมบัติเป้าหมายขององค์ประกอบแบบฟอร์ม แนะนำใน HTML5 สำหรับองค์ประกอบอินพุตที่มีประเภทส่ง
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์สำหรับ −
การตั้งค่าคุณสมบัติ formTarget -
submitObject.formTarget = "_blank|_self|_parent|_top|framename"
ที่นี่ _blank จะเปิดการตอบกลับในหน้าต่างใหม่ _self จะเปิดการตอบกลับในหน้าต่างเดียวกัน parent จะเปิดใน parent frame; _top จะเปิดขึ้นในหน้าต่างแบบเต็มและชื่อเฟรมจะเปิดในกรอบที่มีชื่อที่ระบุ
ตัวอย่าง
ให้เราดูตัวอย่างคุณสมบัติการส่งแบบฟอร์มเป้าหมาย -
<!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>View the form response in the new window instead of same window by clicking the below button</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 -
