САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

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

❮ HTML тег <input>


Пример

Укажите, какие типы файлов пользователь может выбрать в диалоговом окне ввода файла:

<form action="/action_page.php">
  <label for="img">Выбор изображения:</label>
  <input type="file" id="img" name="img" accept="image/*">
  <input type="submit">
</form>
Попробуйте сами »

Определение и использование

Атрибут accept задает фильтр для типов файлов, которые пользователь может выбрать в диалоговом окне ввода файла (только для type="file").

Примечание: Атрибут accept можно использовать только с <input type="file">.

Совет: Не используйте этот атрибут в качестве средства проверки. Загрузка файлов должна быть проверена на сервере.


Поддержка браузеров

Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот атрибут.

Атрибут
accept 26.0 10.0 37.0 11.1 15.0

Синтаксис

<input accept="file_extension|audio/*|video/*|image/*|media_type">

Совет: Чтобы указать более одного значения, разделите их запятой (например, <input accept="audio/*,video/*,image/*" />.

Значения атрибута

Значение Описание
file_extension Укажите расширение(я) файла (например: .gif, .jpg, .png, .doc) пользователь может выбрать
audio/* Пользователь может выбрать все звуковые файлы
video/* Пользователь может выбрать все видео файлы
image/* Пользователь может выбрать все файлы изображений
media_type Допустимый тип носителя, без параметров. Смотреть на IANA Медиа типы для получения полного списка стандартных типов носителей

❮ HTML тег <input>