Атрибут accept элемента <input> HTML

HTML <input> тег

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

accept Атрибут устанавливает фильтр типов файлов, которые пользователь может выбрать из диалогового окна выбора файлов.

accept Этот атрибут определяет типы файлов, которые могут быть отправлены через загрузку файлов.

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

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

Пример

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

<form action="/action_page.php">
  <label for="img">Выберите изображение：</label>
  <input type="file" id="img" name="img" accept="image/*">
  <input type="submit">
</form>

Попробуйте сами

Грамматика

<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, чтобы получить полный список стандартных типов медиа.

Поддержка браузерами

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
26.0 10.0 37.0 11.1 15.0

HTML <input> тег