HTML <input> 标签的 accept 属性 详解
HTML基础 2022-06-02 12:02:16小码哥的IT人生shichen
HTML <input> 标签的 accept 属性
实例
在文件上传中使用 accept 属性，本例中的输入字段可以接受 GIF 和 JPEG 两种图像：
<form>
<input type="file" name="pic" id="pic" accept="image/gif, image/jpeg" />
</form>
完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<body>
<form action="demo_form.asp">
<input type="file" name="pic" accept="image/*">
<input type="submit">
</form>
<p><strong>注释：</strong>Internet Explorer 9 以及更早的版本不支持 input 标签的 accept 属性。</p>
<p><strong>注释：</strong>鉴于安全考虑，该例不允许您上传文件。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
如果不限制图像的格式，可以写为：accept="image/*"。
定义和用法
accept 属性只能与 <input type="file"> 配合使用。它规定能够通过文件上传进行提交的文件类型。
提示：请避免使用该属性。应该在服务器端验证文件上传。
语法
<input accept="value">
属性值
| 值 | 描述 |
|---|---|
| MIME_type | 用逗号隔开的 MIME 类型列表。 |
