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

บทนำ

แอตทริบิวต์ formenctype ใช้กับปุ่ม Submit เพื่อกำหนด Encoding ของข้อมูลฟอร์มเมื่อส่ง Override enctype ของ <form> ใช้ได้กับ type="submit" และ type="image"

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

ค่า	คำอธิบาย
`application/x-www-form-urlencoded`	ค่าเริ่มต้น - เข้ารหัสทุกตัวอักษร (Space → +, Special → %XX)
`multipart/form-data`	ไม่เข้ารหัส - ใช้สำหรับ อัปโหลดไฟล์ (จำเป็น)
`text/plain`	Space → +, ไม่เข้ารหัส Special chars - ใช้อ่านง่าย/ดีบั๊ก

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

<!DOCTYPE html>
<html>
  <head>
    <title>HTML Formenctype Attribute</title>
  </head>
  <body>
    <form action="" method="post">
      ชื่อ: <input type="text" name="name" /><br>
      <input type="submit" formenctype="multipart/form-data" value="Submit (File Upload)">
    </form>
  </body>
</html>

กรณีใช้งาน

ฟอร์มหลักใช้ application/x-www-form-urlencoded (ค่าเริ่มต้น)
ปุ่ม "อัปโหลดไฟล์" ใช้ formenctype="multipart/form-data"
ปุ่ม "Export Text" ใช้ formenctype="text/plain"

หมายเหตุ

ต้องใช้ method="post" เท่านั้น (GET ไม่มี Body)