Атрибут accept

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

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

Синтаксис

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

Значения

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

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

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

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

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

Нет.

Пример

<!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>
<!DOCTYPE html>
<html>
 <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>

Браузеры ?

Расширение10261511.137
MIME-тип1091564
audio/*, video/*, image/*,1091564
Расширение
MIME-тип8
audio/*, video/*, image/*,8

Браузеры

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

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

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

Автор и редакторы

Автор: Влад Мержевич
Последнее изменение: 12.10.2018
Редакторы: Влад Мержевич
Курс по вёрстке сайта на CSS Grid