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>
自己动手试一试 »
定义和用法
accept 属性指定一个过滤器，用于确定用户可以从文件输入对话框中选择的文件类型。
注意： accept 属性只能与 <input type="file"> 一起使用。
提示： 请勿将此属性用作验证工具。文件上传应在服务器端进行验证。
浏览器支持
表格中的数字表示完全支持该属性的第一个浏览器版本。
| Attribute | |||||
|---|---|---|---|---|---|
| accept | 26.0 | 10.0 | 37.0 | 11.1 | 15.0 |
语法
<input accept="文件扩展名|audio/*|video/*|image/*|媒体类型">
提示： 要指定多个值，请用逗号分隔值（例如 <input accept="audio/*,video/*,image/*" />）。
属性值
| 值 | 描述 |
|---|---|
| 文件扩展名 | 指定用户可以选择的文件扩展名（例如：.gif、.jpg、.png、.doc） |
| audio/* | 用户可以选择所有声音文件 |
| video/* | 用户可以选择所有视频文件 |
| image/* | 用户可以选择所有图像文件 |
| media_type | 一个有效的媒体类型，不带参数。请参阅 IANA 媒体类型以获取标准媒体类型的完整列表 |
❮ HTML <input> 标签
