คุณสมบัติ accept ของ HTML <input>

HTML สแตนดาร์ด อินพุต

คำอธิบายและวิธีใช้

accept คุณสมบัติกำหนดตัวกรองชนิดไฟล์ที่ผู้ใช้สามารถเลือกได้จากกล่องการเลือกไฟล์:

accept คุณสมบัตินี้กำหนดชนิดไฟล์ที่สามารถส่งผ่านการอัพโหลดไฟล์ได้:

注意：accept คุณสมบัติสามารถใช้ร่วมกับ <input type="file"> ใช้ร่วมกัน

คำเตือน：โปรดไม่ใช้คุณสมบัตินี้เป็นเครื่องมือการตรวจสอบ。การตรวจสอบไฟล์อัพโหลดควรทำในเซิร์ฟเวอร์:

ตัวอย่าง

กำหนดชนิดไฟล์ที่ผู้ใช้สามารถเลือกได้จากกล่องการเลือกไฟล์:

<form action="/action_page.php">
  <label for="img">เลือกรูปภาพ:</label>
  <input type="file" id="img" name="img" accept="image/*">
  <input type="submit">
</form>

ทดลองด้วยตัวเอง

รูปแบบ

<input accept="file_extension|audio/*|video/*|image/*|media_type">

คำเตือน：ถ้าต้องการกำหนดหลายค่า โปรดแยกด้วยความหมายเลข (เช่น <input accept="audio/*,video/*,image/*" />。

ค่าของรายละเอียด

ค่า รายละเอียด
file_extension กำหนดความสามารถของผู้ใช้ในการเลือกสกอตแบบแฟ้ม (เช่น:.gif, .jpg, .png, .doc)
audio/* ผู้ใช้สามารถเลือกทุกแบบแฟ้มเสียง
video/* ผู้ใช้สามารถเลือกทุกแบบแฟ้มวิดีโอ
image/* ผู้ใช้สามารถเลือกทุกแบบแฟ้มรูปภาพ
media_type

ประเภทสื่อที่ถูกต้อง ไม่มีตัวแปร

โปรดดู IANA ประเภทสื่อ เพื่อขอบของรายการประเภทสื่อมาตรฐานทั้งหมด

การสนับสนุนเบราเซอร์

ตัวเลขในตารางบอกว่าเวอร์ชั่นของเบราเซอร์ที่สนับสนุนอุปกรณ์นี้อย่างเต็มที่

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
26.0 10.0 37.0 11.1 15.0

HTML สแตนดาร์ด อินพุต