HTML <input> accept 属性

HTML <input> 标籤

定义和用法

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 <input> 标籤