Тег <input> Атрибут <accept>

Устанавливает фильтр на типы файлов, которые вы можете отправить через поле загрузки файлов. Тип файла указывается как MIME-тип, при нескольких значениях они перечисляются через запятую.

Если файл не подходит под установленный фильтр, он не показывается в окне выбора файлов.

Применяется к полю для отправки файла (<input type="file">).

поддержка браузерами:
IExplorer Chrome Opera Safari Firefox Android iOS
10.0+/8.0+ 10.62+ 6.0+ 4.0+ 16.0+ X X
спецификация:
HTML: 3.2 4.01 5.0
XHTML: 1.0 1.1
синтаксис:
HTML	
<input type="file" accept="MIME-тип">

XHTML	
<input type="file" accept="MIME-тип" />
значения:

Имя MIME-типа в любом регистре, несколько значений перечисляются через запятую.

В HTML5 также допустимо в качестве значения указывать audio/* для выбора всех звуковых файлов, video/* для видеофайлов и image/* для всех графических файлов.

пример кода:
<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег INPUT, атрибут accept</title>
 </head>
 <body> 
  <form action="handler.php">
   <p><strong>Укажите картинку в формате JPEG, PNG или GIF</strong></p>
   <p><input type="file" name="img" accept="image/jpeg,image/png,image/gif">
   <input type="submit" value="Отправить"></p>
  </form>
 </body>
</html>
примечание:

Opera не воспринимает значения, если они разделены между собой пробелом (accept="image/jpeg, image/png, image/gif").

Firefox до версии 16.0 поддерживает только значения audio/*, video/* и image/*.

В Firefox 22 по умолчанию стоит выбор всех файлов, а не заданный фильтр.