วิธาใช้แอตทริบิวต์ Formtarget ใน HTML

บทนำ

แอตทริบิวต์ formtarget ใช้กับ <input type="submit"> หรือ <button type="submit"> เพื่อระบุที่แสดงผลลัพธ์หลังส่งฟอร์ม Override target ของ <form>

ค่าที่เป็นไปได้

ตัวอย่างโค้ด

<!DOCTYPE html>
<html>
  <head>
    <title>HTML Formtarget Attribute</title>
  </head>
  <body>
    <form action="/new.php" method="get">
      ชื่อนักเรียน<br>
      <input type="text" name="name" /><br>
      วิชา<br>
      <input type="text" name="subject" /><br>
      <input type="submit" value="Submit (Same Tab)">
      <input type="submit" formtarget="_blank" value="Submit (New Tab)">
    </form>
  </body>
</html>

กรณีใช้งาน

• ปุ่ม "พิมพ์ใบเสร็จ" → formtarget="_blank" เปิดหน้าพิมพ์แท็บใหม่
• ปุ่ม "ดูตัวอย่าง" → formtarget="previewFrame" ใน iframe
• หลายปุ่ม Submit ไปหน้าต่างกัน