html атрибут accept
Встановлює фільтр на типи файлів, які ви можете відправити через поле завантаження файлів. Тип файлу вказується як MIME-тип.
Атрибут використовується тільки з елементами управління, які дозволяють користувачеві вибрати файл (<input type = "file">). При натисканні на кнопку в переліку всіх файлів будуть відображатися тільки доступні для вибору (завантаження).
Приклад вибору зображення для завантаження.
| Нотатка: | Щоб вказати більше одного значення, розділяйте значення комами (наприклад, |
| Порада: | Атрибут |
| Порада: | Не використовуйте цей атрибут як інструмент перевірки. Завантажений файл повинен бути перевірений на сервері. |
Синтаксис
<input accept="file_extension|audio/*|video/*|image/*|media_type">Атрибут accept може отримувати 5 значень :
file_extensionрозширення файлу, починаючи з крапки, наприклад: .gif, .jpg, .png, .doc
audio/*Всі звукові файли дозволено завантажувати
video/*Всі відео файли дозволено завантажувати
image/*Всі файли зображень дозволено завантажувати
media_typeДопустимий тип даних, без будь-яких параметрів. Подивіться на типи IANA Media для повного списку стандартних типів.
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
8+ |
4+ |
11+ |
15+ |
10+ |
0+ |
| Переглядач | ||||
|---|---|---|---|---|
0+ |
0+ |
0+ |
8+ |
Мобільних переглядачів ще не додано.
Приклади
Найпростіший приклад використання HTML атрибута accept теґа <input>
See the Pen
Form.accept_css_in_ua by css.in.ua (@css_in_ua)
on CodePen.
Різниця між HTML 4.01 та HTML5
В HTML5 доступно в якості значення вказувати audio/ для вибору всіх звукових файлів, video/ для відеофайлів image/* для всіх графічних файлів.
Різниця між XHTML та HTML
Немає жодної різниці.