HTML <input> accept 属性

定义和用法

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