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