accept attribute for file input

Allows a filter to be defined for what type of files a user may pick with from an <input type="file"> dialog

Spec https://html.spec.whatwg.org/multipage/forms.html#attr-input-accept
Status WHATWG Living Standard
IE Edge Firefox Chrome Safari Opera
      98    
    95 97    
    94 96 TP  
11 95 93 95 15 80
10 94 92 94 14.1 79
9 93 91 93 14 78
8 92 90 92 13.1 77
Show all
7 91 89 91 13 76
6 90 88 90 12.1 75
5.5 89 87 89 12 74
  88 86 88 11.1 73
  87 85 87 11 (1) 72
  86 84 86 10.1 (1) 71
  85 83 85 10 (1) 70
  84 82 84 9.1 (1) 69
  83 81 83 9 (1) 68
  81 80 81 8 (1) 67
  80 79 80 7.1 (1) 66
  79 78 79 7 (1) 65
  18 77 78 6.1 (1) 64
  17 76 77 6 (1) 63
  16 75 76 5.1 62
  15 74 75 5 60
  14 73 74 4 58
  13 72 73 3.2 57
  12 71 72 3.1 56
    70 71   55
    69 70   54
    68 69   53
    67 68   52
    66 67   51
    65 66   50
    64 65   49
    63 64   48
    62 63   47
    61 62   46
    60 61   45
    59 60   44
    58 59   43
    57 58   42
    56 57   41
    55 56   40
    54 55   39
    53 54   38
    52 53   37
    51 52   36
    50 51   35
    49 50   34
    48 49   33
    47 48   32
    46 47   31
    45 46   30
    44 45   29
    43 44   28
    42 43   27
    41 42   26
    40 41   25
    39 40   24
    38 39   23
    37 38   22
    36 (1) 37   21
    35 (1) 36   20
    34 (1) 35   19
    33 (1) 34   18
    32 (1) 33   17
    31 (1) 32   16
    30 (1) 31   15
    29 (1) 30   12.1
    28 (1) 29   12
    27 (1) 28   11.6
    26 (1) 27   11.5
    25 (1) 26   11.1
    24 (1) 25   11
    23 (1) 24   10.6
    22 (1) 23   10.5
    21 (1) 22   10.0-10.1
    20 (1) 21   9.5-9.6
    19 (1) 20 (1)   9
    18 (1) 19 (1)    
    17 (1) 18 (1)    
    16 (1) 17 (1)    
    15 (1) 16 (1)    
    14 (1) 15 (1)    
    13 (1) 14 (1)    
    12 (1) 13 (1)    
    11 (1) 12 (1)    
    10 (1) 11 (1)    
    9 (1) 10 (1)    
    8 (1) 9 (1)    
    7 (1) 8    
    6 (1) 7    
    5 (1) 6    
    4 (1) 5    
    3.6 4    
    3.5      
    3      
    2      
Safari on iOS Opera Mini Android Browser Blackberry Browser Opera Mobile Android Chrome Android Firefox IE Mobile Android UC Browser Samsung Internet QQ Browser Baidu Browser KaiOS Browser
15 (1) all 94 (3) 10 (1) 64 (3) 94 (2) 92 11 (4) 12.12 15.0 (2) 10.4 (2) 7.12 (2) 2.5
14.5-14.8 (1)   4.4.3-4.4.4 (3) 7 (2) 12.1     10 (3)   14.0 (2)      
14.0-14.4 (1)   4.4 (3)   12         13.0 (2)      
13.4-13.7 (1)   4.2-4.3 (2)   11.5         12.0 (2)      
Show all
13.3 (1)   4.1 (2)   11.1         11.1-11.2 (2)      
13.2 (1)   4 (2)   11         10.1 (2)      
13.0-13.1 (1)   3 (2)   10         9.2 (2)      
12.2-12.5 (1)   2.3             8.2 (2)      
12.0-12.1 (1)   2.2             7.2-7.4 (2)      
11.3-11.4 (1)   2.1             6.2-6.4 (2)      
11.0-11.2 (1)                 5.0-5.4 (2)      
10.3 (1)                 4 (2)      
10.0-10.2 (1)                        
9.3 (1)                        
9.0-9.2 (1)                        
8.1-8.4 (1)                        
8 (1)                        
7.0-7.1                        
6.0-6.1                        
5.0-5.1 (3)                        
4.2-4.3 (3)                        
4.0-4.1 (3)                        
3.2 (3)                        

Notes

Not supported means any file can be picked as if the accept attribute was not set, unless otherwise noted.

On Windows, files that do not apply are hidden. On OSX they are grayed out and disabled.

  1. Supports the type format (e.g. image/*) but not the extension format (e.g. .png)

  2. Offers appropriate file locations/input based on format type, but does not prevent other files from being selected.

  3. Does not allow any files to be picked at all

  4. Supports the type format but does not allow any file to be picked when using the extension format

Resources

Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
https://caniuse.com/input-file-accept