Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS | |
10.0 + | 8.0 + | 10.62 + | 6.0 + | 4.0 + | 16.0 + |
Специфікація
HTML: | 3.2 | 4.01 | 5.0 | XHTML : | 1.0 | 1.1 |
Опис
Встановлює фільтр на типи файлів, які ви можете відправити через поле завантаження файлів. Тип файлу вказується як MIME-тип, при декількох значеннях вони перераховуються через кому. Якщо файл не підходить під встановлений фільтр, він не показується у вікні вибору файлів.
Синтаксис
HTML | <input type="file" accept="MIME-тип"> |
XHTML | <input type="file" accept="MIME-тип"/> |
Застосовується
До полю для відправки файлу ( <input type="file"> ).
Значення
Ім'я MIME-типу в будь-якому регістрі, кілька значень перераховуються через кому.
в HTML5 також допустимо як значення вказувати audio /*, щоб вибрати всіх звукових файлів, video /* для відеофайлів і image /* для всіх графічних файлів.
Значення за умовчанням
Ні.
Приклад 1
HTML5 IE 10 Cr Op Sa 6 Fx
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title> Тег INPUT, атрибут accept </title> </head> <body> <form action="handler.php"> <p> <strong> Вкажіть картинку у форматі JPEG, PNG або GIF </strong> </p> <p> <input type="file" name="img" accept="image/jpeg, image/png, image/gif"> <input type="submit" value="Надіслати"> </p> </form> </body> </html>
Приклад 2
HTML5 IE 10 Cr Op Sa 6 Fx
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> Тег INPUT, атрибут accept </title> </head> <body> <form action="handler.php"> <p> <strong> Вкажіть картинку </strong> </p> <p> <input type="file" name="img" accept="image /*"> <input type="submit" value="Надіслати"> </p> </form> </body> </html>
Браузери
Opera не сприймає значення, якщо вони розділені між собою пробілом (accept="image/jpeg, image/png, image/gif ").
Firefox до версії 16.0 підтримує тільки значення audio /*, video /* і image /* .
В Firefox 22 за умовчанням стоїть вибір всіх файлів, а не заданий фільтр.