Устанавливает фильтр на типы файлов, которые вы можете отправить через поле загрузки файлов. Если файл не подходит под установленный фильтр, он не показывается в окне выбора файлов.
Атрибут accept может добавляться только к полю для отправки файла (<input type="file">).
Синтаксис
<input type="file" accept="<MIME-тип>">
Значения
Расширение файла с точкой впереди (например: .jpg).
Имя MIME-типа (например: image/jpeg).
Также допустимо в качестве значения указывать audio/* для выбора всех звуковых файлов, video/* для видеофайлов и image/* для всех графических файлов.
Несколько значений перечисляются через запятую (например: 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 |
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.