Атрибут accept

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

Атрибут accept может добавляться только к полю для отправки файла (<input type="file">).

Синтаксис

<input type="file" accept="<MIME-тип>">

Значения

Расширение файла с точкой впереди (например: .jpg).

<input type="file" accept=".jpg">

Имя MIME-типа (например: image/jpeg).

<input type="file" accept="image/jpeg">

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

<input type="file" accept="image/*">

Несколько значений перечисляются через запятую (например: image/jpeg, image/png).

<input type="file" accept="image/jpeg, image/png">

Значение по умолчанию

Нет.

Пример

<!DOCTYPE html> <html lang="ru"> <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> <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>INPUT, атрибут accept</title> </head> <body> <form action="handler.php"> <p><strong>Укажите картинку</strong></p> <p><input type="file" name="img" accept="image/*"> <input type="submit" value="Отправить"></p> </form> </body> </html>

Браузеры

Расширение 10 79 26 15 11.1 37
MIME-тип 10 79 9 15 6 4
audio/*, video/*, image/*, 10 79 9 15 6 4
Расширение
MIME-тип 8
audio/*, video/*, image/*, 8

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.