- Атрибут accept
- Синтаксис
- Применяется
- Значения
- Значение по умолчанию
- Браузеры
- Статьи по теме
- Атрибут accept
- Синтаксис
- Применяется
- Значения
- Значение по умолчанию
- Браузеры
- Статьи по теме
- HTML accept Attribute
- Definition and Usage
- Browser Support
- Syntax
- Attribute Values
- Атрибут accept
- Кратко
- Пример
- Как пишется
- Как понять
- Подсказки
Атрибут accept
Устанавливает фильтр на типы файлов, которые вы можете отправить через поле загрузки файлов. Тип файла указывается как MIME-тип, при нескольких значениях они перечисляются через запятую. Если файл не подходит под установленный фильтр, он не показывается в окне выбора файлов.
Синтаксис
Применяется
К полю для отправки файла ( ).
Значения
Имя MIME-типа в любом регистре, несколько значений перечисляются через запятую.
В HTML5 также допустимо в качестве значения указывать audio/* для выбора всех звуковых файлов, video/* для видеофайлов и image/* для всех графических файлов.
Значение по умолчанию
HTML5 IE 10 Cr Op Sa 6 Fx
HTML5 IE 10 Cr Op Sa 6 Fx
Браузеры
Opera не воспринимает значения, если они разделены между собой пробелом (accept=»image/jpeg, image/png, image/gif»).
Firefox до версии 16.0 поддерживает только значения audio/* , video/* и image/* .
В Firefox 22 по умолчанию стоит выбор всех файлов, а не заданный фильтр.
Статьи по теме
Атрибут accept
Устанавливает фильтр на типы файлов, которые вы можете отправить через поле загрузки файлов. Тип файла указывается как MIME-тип, при нескольких значениях они перечисляются через запятую. Если файл не подходит под установленный фильтр, он не показывается в окне выбора файлов.
Синтаксис
Применяется
К полю для отправки файла ( ).
Значения
Имя MIME-типа в любом регистре, несколько значений перечисляются через запятую.
В HTML5 также допустимо в качестве значения указывать audio/* для выбора всех звуковых файлов, video/* для видеофайлов и image/* для всех графических файлов.
Значение по умолчанию
HTML5 IE 10 Cr Op Sa 6 Fx
HTML5 IE 10 Cr Op Sa 6 Fx
Браузеры
Opera не воспринимает значения, если они разделены между собой пробелом (accept=»image/jpeg, image/png, image/gif»).
Firefox до версии 16.0 поддерживает только значения audio/* , video/* и image/* .
В Firefox 22 по умолчанию стоит выбор всех файлов, а не заданный фильтр.
Статьи по теме
HTML accept Attribute
Specify what file types the user can pick from the file input dialog box:
Definition and Usage
The accept attribute specifies a filter for what file types the user can pick from the file input dialog box.
Note: The accept attribute can only be used with .
Tip: Do not use this attribute as a validation tool. File uploads should be validated on the server.
Browser Support
The numbers in the table specify the first browser version that fully supports the attribute.
| Attribute | |||||
|---|---|---|---|---|---|
| accept | 26.0 | 10.0 | 37.0 | 11.1 | 15.0 |
Syntax
Tip: To specify more than one value, separate the values with a comma (e.g. .
Attribute Values
| 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 tag
Атрибут accept
Это незавершённая статья. Вы можете помочь её закончить! Почитайте о том, как контрибьютить в Доку.
Кратко
Скопировать ссылку «Кратко» Скопировано
Пример
Скопировать ссылку «Пример» Скопировано
type="file" name="cat-picture" accept=".jpg, .jpeg, .png" >form method="post"> label for="cat-picture">Прикрепите фото котаlabel> input type="file" id="cat-picture" name="cat-picture" accept=".jpg, .jpeg, .png" > button>Прикрепитьbutton> form>
Как пишется
Скопировать ссылку «Как пишется» Скопировано
Атрибут accept может принимать строку значений:
- ‘audio / *’ — принимает звуковые файлы любого формата.
- ‘video / *’ — принимает видео любого формата.
- ‘image / *’ — принимает изображения любого формата.
- Строка типа MIME без расширений.
- Расширения файла, перед которыми стоит точка. Например: .jpg , .pdf , .docx и так далее.
Можно указать несколько значений, а ещё их можно сочетать, например:
input type="file" name="cat-pic-video" accept="video/*, .jpg, .jpeg, .png">
Как понять
Скопировать ссылку «Как понять» Скопировано
Важно понимать, что атрибут accept лишь показывает пользователю в открывшемся диалоговом окне файлы типов, которые вы указываете в значении атрибута, но не фильтрует их. Проверка типов файлов должна происходить на стороне сервера. Без этого ничто не помешает пользователю прикрепить скучный текстовый документ, хотя вы ждали фото котика.
Подсказки
Скопировать ссылку «Подсказки» Скопировано
💡 Что делать, если у пользователя несколько котов и он хочет показать вам всех? Поможет атрибут multiple .