ใช้แอตทริบิวต์ enctype ใน HTML เพื่อตั้งค่าว่าข้อมูลฟอร์มควรเข้ารหัสขณะส่งไปเซิร์ฟเวอร์หรือไม่
ตัวอย่าง
คุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ enctype:
<!DOCTYPE html>
<html>
<body>
<p>คุณชอบกีฬาไหน?</p>
<form action="" method="post" enctype="multipart/form-data">
<input type="checkbox" name="vehicle" value="football" checked> ฟุตบอล<br>
<input type="checkbox" name="vehicle" value="cricket" checked> คริกเก็ต<br>
<input type="checkbox" name="vehicle" value="hockey"> ฮอกกี้<br>
<input type="submit" value="ส่ง">
</form>
</body>
</html>
ค่า enctype ที่ใช้ได้:
| ค่า | คำอธิบาย |
|---|---|
| application/x-www-form-urlencoded | ค่าเริ่มต้น เข้ารหัสทุกตัวอักษร (เว้นช่องว่างกลายเป็น +) |
| multipart/form-data | ไม่เข้ารหัส ใช้สำหรับอัปโหลดไฟล์ (ต้องใช้ method="post") |
| text/plain | เว้นช่องว่างกลายเป็น + แต่ไม่เข้ารหัสตัวอักษรพิเศษ |
สำคัญ: ต้องใช้ enctype="multipart/form-data" เมื่อมี <input type="file">
