Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

วิธีระบุปลายทางส่งข้อมูลฟอร์มเมื่อส่งใน HTML

ใช้แอตทริบิวต์ action เพื่อระบุไฟล์หรือ URL ปลายทางที่ข้อมูลฟอร์มจะถูกส่งไปเมื่อคลิกปุ่ม Submit สามารถระบุอีเมลเพื่อส่งข้อมูลไปยังอีเมลนั้นได้เช่นกัน

ตัวอย่าง

คุณสามารถลองรันโค้ดต่อไปนี้เพื่อตั้งค่าปลายทางส่งข้อมูลฟอร์มใน HTML:

<!DOCTYPE html> 
<html> 
  <body> 
    <h2>ฟอร์มติดต่อนักเรียน</h2> 
    <form action="mailto:emailid@example.com" method="post" enctype="text/plain"> 
      ชื่อนักเรียน:<br>
      <input type="text" name="sname"> <br> 
      วิชา:<br>
      <input type="text" name="ssubject"><br> 
      <input type="submit" value="ส่ง"> 
    </form> 
  </body> 
</html>

ค่าที่ใช้ได้:

  • URL ไฟล์ฝั่งเซิร์ฟเวอร์ (เช่น /submit.php, https://api.example.com/form)
  • mailto: สำหรับส่งอีเมล (ต้องมีโปรแกรมอีเมลบนเครื่องผู้ใช้)
  • JavaScript: (เช่น javascript:validateForm())

แอตทริบิวต์ method (GET/POST) และ enctype ควบคุมวิธีส่งข้อมูลร่วมกับ action