HTML Тег <input> атрибут accept
Пример
Укажите, какие типы файлов пользователь может выбрать в диалоговом окне ввода файла:
<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 Медиа типы для получения полного списка стандартных типов носителей |
