HTML <input> accept属性用法及代码示例

HTML <input> accept属性用于指定服务器接受的文件类型。此属性只能与<input type =“ file”>元素一起使用。此属性不用于验证工具，因为应该在服务器上验证文件上载。

用法:

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

属性值

file_extension:它指定用户可以从中选择的文件扩展名，例如.gif，.jpg，.png，.doc。
audio/*:用户可以选择所有声音文件。
video/*:用户可以选择所有视频文件。
image/*:：有效的媒体类型，无参数。查看IANA媒体类型以获取标准媒体类型的完整列表
media_type:没有参数的有效媒体类型。

例：

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
      HTML input accept attribute 
  </title> 
    <style> 
        body { 
            text-align:center; 
        } 
          
        h1 { 
            color:green; 
        } 
    </style> 
</head> 
  
<body> 
    <h1>GeeksForGeeks</h1> 
    <h2> 
      HTML <input> accept attribute 
  </h2> 
    <form action=" "> 
        <input type="file" 
               name="picture" 
               accept="image/*"> 
        
        <input type="submit"> 
    </form> 
</body> 
  
</html>

输出：

支持的浏览器：下面列出了HTML <input> accept Attribute支持的浏览器：

谷歌浏览器8.0
Internet Explorer 10.0
Firefox 4.0
苹果Safari 6.0
Opera 15.0

相关用法

注：本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | <input> accept Attribute。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。