HTML <input> принять атрибут
Пример
Укажите, какие типы файлов пользователь может выбрать в диалоговом окне ввода файла:
<form action="/action_page.php">
<label for="img">Select image:</label>
<input type="file" id="img"
name="img" accept="image/*">
<input type="submit">
</form>
Определение и использование
Атрибут acceptуказывает фильтр для типов файлов, которые пользователь может выбрать в диалоговом окне ввода файла.
Примечание. Этот acceptатрибут можно использовать только с
<input type="file">.
Совет: не используйте этот атрибут в качестве средства проверки. Загрузка файлов должна быть проверена на сервере.
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.
| Attribute | |||||
|---|---|---|---|---|---|
| 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/*" />.
Значения атрибутов
| Value | Description |
|---|---|
| file_extension | Specify the file extension(s) (e.g: .gif, .jpg, .png, .doc) the user can pick from |
| audio/* | The user can pick all sound files |
| video/* | The user can pick all video files |
| image/* | The user can pick all image files |
| media_type | A valid media type, with no parameters. Look at IANA Media Types for a complete list of standard media types |
❮ HTML-тег <input>