HTML <input> accept 属性

❮ HTML <input> 标签

实例

指定用户可以从"文件输入"对话框中选择的文件类型:

<form action="/action_page.php">
  <label for="img">Select image:</label>
  <input type="file" id="img" name="img" accept="image/*">
  <input type="submit">
</form>
亲自试一试 »

定义和用法

accept 属性规定了可通过文件上传提交的服务器接受的文件类型。

注释: accept 属性仅适用于 <input type="file">。

提示: 请不要将该属性作为您的验证工具。应该在服务器上对文件上传进行验证。


浏览器支持

表中的数字表示支持该属性的第一个浏览器版本。

属性
accept 26.0 10.0 37.0 11.1 15.0

语法

<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 一个有效的 MIME 类型,不带参数。请参阅 IANA Media 类型 ,获得标准 MIME 类型的完整列表。

❮ HTML <input> 标签