html атрибут accept

Встановлює фільтр на типи файлів, які ви можете відправити через поле завантаження файлів. Тип файлу вказується як MIME-тип. Атрибут використовується тільки з елементами управління, які дозволяють користувачеві вибрати файл (<input type = "file">). При натисканні на кнопку в переліку всіх файлів будуть відображатися тільки доступні для вибору (завантаження).

Приклад вибору зображення для завантаження.

9b13b3c5e35c34ed567639ace9275985.gif

Нотатка:

Щоб вказати більше одного значення, розділяйте значення комами (наприклад, <input accept="audio/*,video/*,image/*" type="text">.

Порада:

Атрибут accept може використовуватися тільки при <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


Немає жодної різниці.