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

วิธีส่งอีเมลด้วยฟอร์ม HTML


บทนำ

การส่งอีเมลผ่านฟอร์ม HTML สามารถทำได้โดยการเพิ่มที่อยู่อีเมลในแอตทริบิวต์ action ของฟอร์ม โดยใช้โปรโตคอล mailto: ตามด้วยที่อยู่อีเมล เช่น mailto:emailid@example.com

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

ลองรันโค้ดต่อไปนี้เพื่อส่งอีเมลด้วยฟอร์ม HTML:

<!DOCTYPE html>
<html>
  <body>
    <h2>Student Contact Form</h2>
    <form action="mailto:emailid@example.com" method="post" enctype="text/plain">
      Student Name:<br>
      <input type="text" name="sname"> <br>
      Student Subject:<br>
      <input type="text" name="ssubject"><br>
      <input type="submit" value="Send">
    </form>
  </body>
</html>

ข้อควรระวัง

  • วิธีนี้ขึ้นอยู่กับไคลเอนต์อีเมลของผู้ใช้ (เช่น Outlook, Gmail app)
  • ไม่สามารถส่งอีเมลได้โดยตรงจากเซิร์ฟเวอร์
  • เหมาะสำหรับฟอร์มติดต่อแบบง่ายๆ เท่านั้น