HTML <input> accept 属性
示例
指定用户可以在文件输入对话框中选择的 文件类型
<form action="/action_page.php">
<label for="img">选择图像:</label>
<input type="file" id="img" name="img" accept="image/*">
<input type="submit">
</form>
自己尝试 »
定义和用法
The 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 | 一个有效的媒体类型,没有参数。查看 IANA 媒体类型 以获取标准媒体类型的完整列表 |
❮ HTML <input> 标签