HTML: <input> accept 属性

由网友 大卫 发布 阅读 10

HTML: <input> accept 属性

accept属性为用户可以从文件输入对话框中选择的文件类型指定过滤器(仅用于type ="file"),注意:accept属性只能与 <input type ="file">一起使用

 HTML <input> 标签

在线示例

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

<!DOCTYPE html>
<html>
<head>
<title>HTML:<input> accept 属性 - 大卫编程网(div.cn)</title>
<body>
<form action="action_page.php">
  <input type="file" name="pic" accept="image/*">
  <input type="submit">
</form>
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

Internet Explorer 10、Firefox、Opera、Chrome 和 Safari 6 支持 accept 属性。

注意:Internet Explorer 9 及之前的版本都不支持 <input> 标签的 accept 属性。

定义和用法

accept属性为用户可以从文件输入对话框中选择的文件类型指定过滤器(仅用于type ="file")。
注意: accept属性只能与<input type ="file">一起使用。

提示:请勿将此属性用作验证工具。文件上载应在服务器上验证,以保证上传的安全性。

HTML 4.01 与 HTML5之间的差异

没有。

语法

<input accept="audio/*|video/*|image/*|MIME_type">

提示:如果要指定多个值,请用逗号分隔这些值(比如 <input accept="audio/*,video/*,image/*" />)。

属性值

描述
audio/*接受所有的声音文件。
video/*接受所有的视频文件。
image/*接受所有的图像文件。
MIME_type一个有效的 MIME 类型,不带参数。请参阅 IANA MIME 类型,获得标准 MIME 类型的完整列表。
 HTML <input> 标签

HTML keygen disabled 属性 HTML keygen name 属性