HTML <input> accept 属性
实例
指定用户可以从"文件输入"对话框中选择的文件类型:
<form action="/action_page.php">
<label for="img">Select image:</label>
<input type="file" id="img" name="img" accept="image/*">
<input type="submit">
</form>
亲自试一试 »
<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 类型的完整列表。 |
